備忘録の進化したやつ、時々日記。Home掃除・片付けうさぎうさぎはもっともふもふされていいとおもう。うちのうさぎ(2代目かがり)うちのうさぎ(初代とち)よそのうさぎ・うさスポット・うさグッズうさぎセンサーを通して世の中を見ている瞬間があります。親指シフト入力関係2017年5月より親指シフト。エミュレーターはやまぶきR。作ったもの管理人の作った別サイトやミニゲーム、小ネタの紹介記事を集めました。Homeうさぎうさぎはもっともふもふされていいとおもう。掃除・片付け親指シフト入力関係2017年5月より親指シフト。エミュレーターはやまぶきR。ホームサイト管理関係プログラミング【JavaScript】オブジェクト指向を使いこなすと、条件分岐やfor文は要らなくなるTwitterFacebookはてブPocketLINEコピー2018.05.02らしいです。最低限は必要だけど、かなり減るとか。最近、javaとかCとか、Javascriptよりもお堅いオブジェクト指向言語の記事をかじり読みしては、こうするとメンテが楽なんだなあ、とイメージしてます。キーワードは「ポリモーフィズム」「Stateパターン」「条件分岐をなくす」など。言語が違うので、例示されてるコードはあんまり読めないんですけどね。理屈は分かる気がしてます。私は、オブジェクトを使いこなすまでは至っていませんが、条件分岐とループをなくすことはできました。いうわけで、ド初心者のコードと、初心者脱出したコードを並べてみます。(偉そうに書いてますが、完全独学の趣味レベルですのでご了承を)(でもタイピングサイトに組み込んで動くコード(の簡略化)です。例示するコードについて直しますfor文が消えた!条件分岐が消えた!直したコードの全容どこかで分岐はしているスポンサーリンク例示するコードについてJavascriptで親指シフト入力を疑似体験できるサイトのコードです。(簡略化しています)キーボードからの入力を元に、文字キーとシフト状態の組み合わせ表(=配列/オブジェクト)から、入力された文字を判別します。ちなみに元のコードはこんなです。}}直します上記のコードを、今の私の知識と感覚で直していきます。ビフォーアフターです。for文が消えた!まずは、入力された文字キーを、判定できる状態に準備する部分です。★ビフォア当初は、for文で回して、しらみつぶしに探していました。配列において、連番の数字以外をキーに使うことを、理解できなかったんです。break;}★アフターfor文を使わず、キーで直接値を取るようにしました。することで、keyに関しては、特別な下準備が不要になりました。コードが分かりやすくなったため、コメントも要らなくなりました。event.key;※キーコード(数字)からキー(文字列)に変えましたが、キーコード(数字)でも同じ事ができます。現在キーコードは非推奨になっているので、やらない方がいいです条件分岐が消えた!続いて、シフト状態を元に、入力されたかなを取得する部分。★ビフォア左右どちらがシフトしてるか/あるいはしてないかを、一々if文で判定してます。先に、シフト状態を表す文字列を生成。この文字列を当てはめると、一発で文字が出ます。シフト状態を先に取ることで、照合中にシフト状態が万一変わっても問題ないです。(そんな事はないはずだけど)条件に合わないときは、さっさとreturnすることも覚えました。kanaMap[key][shift];ちなみにここも、シフト状態を”noshift””left””right”の3スイッチにできれば、直接値を突っ込むだけで済みます。左右のシフトは独立してon/offするので、ちょっと難しいと思いました。直したコードの全容スッキリしたし、for文がなくなった分、動作(速度)も安定しました。kanaMap[key][shift];どこかで分岐はしている以上、見ていて思ったかもしれませんが、全く分岐がなくなったわけではないです。オブジェクトのプロパティにうまいキー名を付けたり、変数の下処理をしたり、とどこかで分岐する準備をしています。すると、動作の中心となるコードでは、ごくシンプルに記述できます。追加や変更にも対応しやすくなります。うまくすると、変更があったときに肝のコードは全く変えず、オブジェクトを変えるだけですむらしいです。うちのサイトはそこまで出来てないですが。扱いやすいコードを書きたいものです。プログラミングカラーユニバーサルデザイン推奨配色セット(第3版)の色コード覚え書き自サイトで使おうと思って、考案元サイトのRGB値をカラーコードに直しました。errorとWarningが出たときに、解決した流れを書いてみるいつもはエラーが出ても、メモもしないで、検索してつつき回して解決しちゃっていますが。今回は忘れずメモできたので、まとめてみます。正直なところ、配色が苦手すぎて、さっぱり分からない勢いです。ディスプレイやブラウザによって変わったりするんだし、無難ならいいじゃん・・・2018.01.31プログラミングJavaScriptの本を通読しています。最初は無料サイトで十分だったけど、その先の話タイピングサイトを作ってるうちに、もっと知りたいと思えてきたので、本を買いました。その感想を中心に、私のプログラミングの現状を覚え書き。・・・2017.12.06カテゴリー新着プログラミングプログラミング学習と妊娠は両立できるか?の現状【ウェブカツ!!開始2か月】どうも、最近妊活ブログばっかり更新してます、文月です。こちらのブログでは初めて書きますが、いま妊娠8週です。1か月半】プログラミング学習定時報告【WEBサービス部に突入!】プログラミングの動画学習サービス「ウェブカツ!!」に、女性割引で入部して1ヶ月半たちました。先日、主にプログラミング用として、MacBookAirを買いました。機種と色々な数字、そしてお値段は、納得して買ったんですが。親指シフトに向くキーボードの見分け方と、参考商品キーボードを買い替えるとしたら、自分は何に気を使うだろうか、と考えたからメモしてみます。席などを、横浜公演を観覧した経験から紹介します。拝啓、うさぎ好きの皆様。温かいと言われると、どうも違和感があるんです。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。管理人こんな人が書いています。管理人こんな人が書いています。中の人とこのブログについてタイトルとURLをコピーしました。