LemonteaのUnity部屋

C#とかのお話です~

Font Awesome 無料で綺麗なアイコンを使う

こんにちは。レモンティーです。今回は、Webサイトやアプリで綺麗なアイコンを無料で使えるFontAwesomeを使います。↓公式 fontawesome.com 公式ページにある↓のコードをheadにコピペすればすぐ使えます。

JavaScript入門 テトリスをつくる

JS

こんにちは。レモンティーです。今回はJavaScriptでテトリスです。 ↓で実際に遊べます。 https://slemontea7948.github.io/testRep/ 使っているのはこのブログで書いたJavaScript入門記事の内容の組み合わせです。 今回はこれでおしまいです。 www.sawalemon…

JavaScript入門 簡単な迷路ゲーム

JS

こんにちは。レモンティーです。 #cv{border:solid 3px black;} 今回は今までの記事を組み合わせた簡単な迷路ゲームです。黄色がプレイヤーで、矢印キーで操作して 水色のゴールにたどり着けたらクリアです。 ただし途中でピンクの敵と重なるとゲームオーバ…

JavaScript入門 Canvas 矢印キーで移動する四角形

JS

#cv{border:solid 3px black;} こんにちは。レモンティーです。今回は矢印キーで移動する四角形をつくります。 サンプルはこんな感じです。 はじめから 画面まで動く場合ここ↑にマウスでフォーカスしてからキー操作してください。 使ったのは↓の二つの記事の…

JavaScript入門 キーボード入力を受け取る

JS

こんにちは。レモンティーです。今回はキーボード入力を受け取ります。使うのはdocument.body.onkeydownです。 document.body.onkeydown = function(e){ //処理 }のように使います。 e.keyCodeでキーコードを取得できるので どのキーが押されたか判別できま…

JavaScript入門 Canvasで2dの描画

こんにちは。レモンティーです。今回はJavaScriptのCanvasを使って2dの描画をします。Canvasで様々な描画を行うには、 まずCanvas要素のcontextを取得します。 var canvas = document.getElementById('canvas1'); var con = canvas.getContext('2d');これで…

JavaScript入門 CSSのプロパティを操作

#sample2{display:none; } #sample3{position:absolute;} こんにちは。レモンティーです。今回はJavaScriptでCSSのプロパティを操作してみます。↓のように要素を取得して、.style.プロパティ = 値 とすればOKです。 let x = document.getElementById("testId…

JavaScript入門 タイマーで定期的に処理 setIntervalでn秒ごとに処理してclearIntervalで停止

JS

こんにちは。レモンティーです。今回は定期的な処理と、その停止です。使うのはsetIntervalとclearIntervalです。 var timer; //開始 timer = setInterval("関数()",間隔); //停止 clearInterval(timer) あああああ開始 停止 サンプルのコードはこれです。 H…

JavaScript入門 画像を動的に変更

JS

こんにちは。レモンティーです。今回は画像を動的に変更します。使うのはgetElementByIdです。 let x = getElementById("testid");これでimgタグを取得して、srcプロパティにある画像のPathを変更すればOKです。 サンプル サンプルのコードはこうなっていま…

JavaScript入門 n秒後に処理をする setTimeout

JS

こんにちは。レモンティーです。今回はn秒待ってから処理を行います。使うのはsetTimeoutです。 setTimeout("関数()",待機時間);ミリ秒単位で待機時間をきめてあげれば、 そのぶん待ってから関数を発火させてくれます。3秒待つサンプルサンプルのコードは…

JavaScript入門 別のウインドウでページを開く

こんにちは。レモンティーです。今回はJavaScriptを使って別窓でページを開きます。使うのは window.open("URL","ウインドウ名","その他の情報");です。その他の情報というのは 表示位置の情報やスクロールバーの有無などです。例えば "width=640,height=480…

JavaScript入門 乱数を使う Math.random()

JS

こんにちは。レモンティーです。今回は乱数をつくります。使うのはMath.randpmです。 let rnd = Math.random();これで0以上1未満の乱数を取得できます。サンプル切り上げと組み合わせてサイコロにしてみます。 サイコロコードはこんな感じです。 HTML <button type="button" onclick="showRnd()">サイ</button>…

JavaScript入門 n乗、n乗根、四捨五入 Math

JS

こんにちは。レモンティーです。今回はJavaScriptで n乗、n乗根、四捨五入、切り捨て、切り上げ などを計算します。 n乗 n乗根 円周率 四捨五入 切り捨て 切り上げ n乗 Math.pow(A,n); n乗根 Math.sqrt(A); 円周率 Math.PI; 四捨五入 Math.round(A); …

JavaScript入門 ダイアログを表示する alert confirm prompt

JS

こんにちは。レモンティーです。今回はJavaScriptでダイアログを表示します。今回扱うのは ・OKボタンのみのalertダイアログ ・OK、キャンセルの二択のconfirmダイアログ ・入力を受け付けるpromptダイアログ の三つです。 alert confirm prompt alert OKボ…

JavaScript入門 基本文法

JS

こんにちは。レモンティーです。今回はJavaScriptの基本文法です。 (概念自体は知っている前提です) 数値、文字列、コメント 変数、定数 条件分岐 繰り返し 関数 配列 数値、文字列、コメント 数値の演算はよくある + - * / % です。文字列もよくある "aiu…

JavaScript入門 はてなブログでJSを使う

JS

こんにちは。レモンティーです。今回はJavaScript入門です。JavaScriptを使えば、はてなブログでも動的な仕掛けを簡単に作れます。見たまま記法以外ならJavaScriptのコードを直に書いて動かせます。さっそくやってみます。試しにここをクリックしてください…

JavaScript入門 テキストやタグの動的な書き換え

JS

こんにちは。レモンティーです。今回はテキストやタグを動的に書き換えます。使うのは次の2つです。まずdocument.getElementByIdで変更の対象を取得します。 let x = document.getElementById("test");次に取得した対象にinnerHTMLで変更を加えます。 x.inn…

JavaScript入門 別のページへの遷移

JS

こんにちは。レモンティーです。今回は別のページへの遷移です。使うのは location.href = "URL"です。↓のボタンを押すとhttp://www.sawalemontea.comに遷移します。サンプル コードはこうなっています HTML <button type="button" onclick="jump()">サンプル</button>JS <script> function jump(){ location.href = "</script>…

JavaScript入門 文字列から数値に変換 parseInt

JS

こんにちは。レモンティーです。今回は文字列から数値への変換です。使うのはparseIntです。 let number = parseInt("text");これで文字列を数値に変換できます。 + サンプルのコードはこんな感じです。 HTML <form name="F1"> <input type="text" name="T1" value="1">+<input type="text" name="T2" value="1"> <input type="button" value="合計を計算" onclick="sum()"> </form>JS <script> function su…

C# n以下の素数を求めて列挙する

C#

こんにちは。レモンティーです。今回は1からnまでの素数のListを取得します。 たまにあったら便利な時があります。今回はこんな感じにしました。 public List<int> GetPrimeNumberList(int n) { var list = Enumerable.Range(2, n-1).ToList(); var result = ne</int>…

CSS リストの要素を横並びにする float

こんにちは。レモンティーです。今回はリストの要素を横向きに並べます。 使うのはfloatです。 あああ いいい ううう えええ こんな感じですね。html <ul class="testlist"> <li>あああ</li> <li>いいい</li> <li>ううう</li> <li>えええ</li> </ul> css .testlist li{ float:left; margin:15px; } なおfloatを使うと回り込…

C# 単体テスト 基本

C#

こんにちは。レモンティーです。今回は単体テストについてです。色々ググったりしていると 自動テストっていう言葉をよく見かけますよね。 しかし、そもそも単体テスト自体の知識が皆無だと 自動化以前の問題です。そこで今回はVisualStudioで とてもシンプ…

Xamarin.Forms Prism 変な方法でListViewの項目選択時の処理

こんにちは。レモンティーです。PrismでListViewを使っていると Listの項目が選択された時、 そのオブジェクトをパラメーターにして 別のページに飛びたい時とかに最初は手が止まるかと思います。MVVMとか意識しなければ簡単にItemSelectedイベントが拾えま…

C# インターフェースの実装を自動でする

こんにちは。レモンティーです。今回は、インターフェースの実装についてです。 といっても私が知らなかっただけでもしかしたら常識かもしれません。インターフェースをハイライトして、 右クリック>クイックアクションとリファクタリング>インターフェー…

Xamarin.Forms PrismでMVVM入門 ページ遷移時にオブジェクトを渡す NavigationParameters

こんにちは。レモンティーです。以前、Prismでのページ遷移をやりました。 www.sawalemontea.com 今回は、ページ遷移時にオブジェクトを受け渡しします。 渡す 渡すには、NavigationParametersを使います。 var param = new NavigationParameters { {"key1",…

Xamarin.Forms PrismでMVVM入門 PlatformInitializerでプラットフォーム固有処理

こんにちは。レモンティーです。前回はDependencyServiceでプラットフォーム固有の処理をしました。 www.sawalemontea.com今回は、それをPlatformInitializerでやってみます。といっても、仕組はともかくとして やる事はDependencyServiceとよく似ています。…

Xamarin.Forms PrismでMVVM入門 DependencyServiceを使う

こんにちは。レモンティーです。前回は、ダイアログの表示をやりました。 www.sawalemontea.com 今回は、PrismでDependencyServiceを使います。 using Prism.Services; が必要です。といっても、最後の使用の段階以外は 今まで↓と変わりません。 www.sawalem…

Xamarin.Forms PrismでMVVM入門 まとめ

こんにちは。レモンティーです。Prism for Xamarin.FormsでMVVM入門する記事のまとめです。 インストール ViewとViewModel ページ遷移 遷移 遷移時にオブジェクトを渡す ダイアログ表示 プラットフォーム固有処理 インストール www.sawalemontea.com ViewとV…

Xamarin.Forms PrismでMVVM入門 PageDialogServiceでダイアログを表示

こんにちは。レモンティーです。前回はページ遷移のお話でした。 www.sawalemontea.com今回は、ダイアログの表示です。 using Prism.Services; が必要です。 使い方はページ遷移の時とにています。 (TestViewModel() はコンストラクタです。) private IPageD…

Xamarin.Forms PrismでMVVM入門 NavigationServiceでページ遷移

こんにちは。レモンティーです。前回はViewModelのお話でした。 www.sawalemontea.com 今回は、Prismでのページ遷移です。 using Prism.Navigation;が必要です。PageAからPageBに遷移するコードは、具体的には以下のようになります。 (PageAViewModelという…