JavaScript

JavaScript・TypeScript全般（ときどきNode.js）

• TypeScriptの似ているようで違うvoid/never型とany/unknown型の比較
• 指定範囲からランダムで重複なしのn個の値を取得する（JavaScript）
• 自作フレームワークをつくって学ぶ 仮想DOM実践入門
• DOM、Node、Elementの違いとそれぞれの使い分け
• HTML5＋CSS3＋JavaScriptでアナログ時計を実装する
• requestAnimationFrameの処理落ちをフレームスキップで対応する
• CSS変数をJavaScriptで動的に変更し、複数のスタイルに一括適用する
• [Node.js]指定したパス配下（サブディレクトリ含む）のファイル一覧を取得する
• JavaScriptとTypeScriptを共存させ、段階的に移行する方法
• 押しっぱなしのkeydownまたはkeypressイベントの初動をスムーズにする
• もう怖くない！Array.prototype.reduceを理解して実践的に使う
• [JavaScript]オブジェクトのすべてのキーをPascalCaseやcamelCase、snake_case、kebab-caseに変換する
• [JavaScript]オブジェクトの無効なプロパティをすべて削除する
• ES6のObject.assignがシャローコピーなのでディープコピーする方法を考える
• [JavaScript]動的なテキストの幅を取得し、スタイルを適用する
• ロード中に表示するシマー効果付きスケルトンスクリーンを実装する
• [JavaScript]外部URLから画像を読み込んで表示する（+クロスドメインを突破する）
• SlackのEmojiアイコンでスロットを作ってCSSスプライトを学ぶ
• JavaScriptでJSONをRailsのRansack用DSLに変換する
• 【JavaScript】オブジェクトの配列をKeyで集計(グルーピング)する方法
• 【JavaScript】配列のシャッフルする（要素をランダムに並び替える）
• 【JavaScript】Safariでファイルを強制ダウンロードさせようとしてハマった
• 【JavaScript】変数を使って関数名を動的に指定する方法
• 改行文字やタブなどを含む複数行を正規表現でマッチさせる
• 重複組合せでパスワードを生成し総当たり攻撃(Brute-Force Attack)をする
• 【JavaScript】ネストされたObjectのキーが存在するかチェックする
• 【JavaScript】バラバラの曜日を曜日順にソートする方法
• 【JavaScript】重み付けされた値をランダムで取得する
• 【JavaScript】Date(日時)をISO8601形式に変換する方法
• 【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari）
• 【JavaScript】GMT・UTCとローカル時刻を変換にハマりかけた
• onLoadとDOMContentLoadedの違いと実行順序
• JavaScriptでCSVファイルなどを文字化けさせずに出力する方法
• ライブラリを使わずJavaScriptでインクリメンタルサーチを実装する
• 【JavaScript】ライブラリを使わずにプログレスバーを実装する
• エラー箇所など指定した要素にスクロールで移動する
• ::beforeや::afterのcontentプロパティを動的に変更する方法
• 【JavaScript】JSON.stringifyでJSONデータを整形して出力する
• 【JavaScript】ネストされたJSONのすべての要素にアクセスする
• 【JavaScript】JSONでもconcatやpushが使いたい
• 【JavaScript】正規表現（match）をswitch文で使う方法
• 【JavaScript】ファイルのアップロード・ダウンロードを実装する
• JavaScriptでファイルを出力する（fileSystem APIの代用）
• 【JavaScript】コールバックが終わるまで処理を遅延させる方法
• tsdが「an error occured!」とエラーを吐いたときの対処方法
• 【JavaScript】配列をゼロで初期化する方法
• getElementsByTagNameとquerySelectorAllの違い
• 【TypeScript】thisの使い方にハマった！thisを保持する3つの方法
• 【ASP.NET】JavaScriptからWeb.configを取得する方法

フレームワーク、ライブラリ類

• 手を動かして学ぶ Redis 入門
• Prettierの手の届かないところはESLintでカバーして自動整形する（prettier-eslint）
• Quagga.jsを使ってブラウザ上からJavaScriptでバーコードを読み取る
• Node.js＋Botkit＋localtunnelでSlack Interactive Messageを試す
• [Node.js]cheerio-httpcliでスクレイピングしてjQueryライクなDOM操作をする
• [JavaScript]DNSのゾーンファイル・JSONを解析して相互変換する[dns-zonefile]
• json-serverでREST APIモックサーバを立てテスト駆動開発する
• Sortable.jsでD&Dしたときに:hoverのスタイルが残るバグの対処法
• Karma+mocha+chaiでNode.jsとブラウザで同じコードでテストする
• TypeScript + express-openapiでOpenAPI（Swagger）準拠のRESTful APIをつくる
• ORMをTypeScriptでサクッと実装するならtypeormがオススメ
• スライドショーみたいに1ページずつスクロールするウェブサイトをつくる
• ES2015(ES6)の分割代入でCannot set property of undefinedやis not definedというエラーがでる
• 【SVG】Raphael.jsとSnap.svgの比較と実装してみた感想（サンプルコードあり）
• Node.js + Express4 + Sequelize + PostgreSQLでRESTful APIサーバをつくる
• Node.js + ORM SequelizeでPostgreSQLをCRUD操作する
• Node.js + Express4でSSL/TSL通信をする方法
• moment.jsで1ヶ月前（30日前）などが正確に取得できないときの対処法
• Node.jsでsqlite3を使ってデータベースを操作する方法まとめ
• TypeScriptのtsdがオワコンになったのでtypingsを使ってみた
• 【JavaScript】jquery.xdomainajax.jsで簡単スクレイピング
• 楽天メールdeポイントのURLを抽出しスプレッドシートに自動で出力する方法
• はじめてのTypeScript開発環境構築（gulp, bower, webpack, tsd, npm）
• TypeScript+Jasmineでテスト駆動開発（ビヘイビア駆動開発）をする
• 素のJavaScript（TypeScript）でMVCモデルのToDoアプリをつくってみた
• TypeScript+AngularJSでToDoアプリをつくってみた

アプリ開発、Chrome Extensions開発

• [Vue.js]contenteditable属性を使って100マス計算アプリをつくる
• [JavaScript]GitHub風のアイコン（Identicon）を生成しダウンロードする
• Vue.js+Vuex、Express4、Dockerなどを使ってさくらのクラウドのAPIクライアントを作った
• SHA-256, 512でハッシュ化し認証するログインフォームを実装する
• Wikipedia APIを使って情報を取得してくれるSlack botの作り方
• Slack上からさくらのクラウドを操作できるbotをつくった
• onsubmit="return false"にしているのにsubmitされてしまう
• 文章の構成を考えるための専用エディタ『PlotEditor』
• X動画Sの視聴履歴を管理するChrome拡張機能『XHISTORYS』
• Chrome ExtensionsでUncaught EvalErrorになったときの対処法
• chrome.runtime.sendMessageでcontent_scriptsとbackground間で通信する方法

APIとか

• 画像ファイルをBase64に変換してパスやファイル名を隠蔽する方法
• 2分でできる、gulpとTinyPNGで画像圧縮を自動化する方法
• IndexedDBのKeyにはboolean型ではなく0と1を使う | Black Everyday Company
• IndexedDBで部分一致、前方一致、後方一致検索をする
• TypeScriptでIndexedDBの登録・更新・削除・検索をする

Vue.js

• Nuxt.js＋TypeScriptでプラグインの型定義を作成する
• Transifexとvue-i18nで国際化対応のコラボレーション環境を構築する
• Vue CLIで生成したNuxt.jsプロジェクトをhttps化して起動する方法
• [Vue.js]ページ内の全フィールドを監視し変更されたらイベントを発火する（deep watch）
• [Vuex]karma＋webpack＋inject-loaderを使ってactionsのテストをしようとしたらハマった
• [Vue.js]タイトルラベルクリックでソート可能なテーブルをつくる
• [Vue.js]Vuexを使わずにコンポーネント間のデータやり取り・状態管理する方法3パターン
• Vue.jsのフォームバリデーションはHTML5 input要素の設定で十分かもしれない
• [Vue.js2.x]ページ番号付きのページネーション（ページナビゲーション）を実装する
• vue2.5でTypeScript統合が改善されthisが推論されるようになったので試してみた
• [Vue.js]imgタグのsrcをバインドして404NotFoundになったときの対処法
• vue-cliを使ってとにかく楽してVue.jsでTypeScriptを使いたい
• [Vue.js]Callback vs Emit Events / 子コンポーネントから親のメソッドを実行する方法
• [Vue.js][CSS3]会話風吹き出しでLINE風チャットアプリをチャチャッとつくる
• Vue.js2.x系でInfinite Scroll（無限スクロール）を実装する
• Vue.jsのMixin機能でViewModelを共通化する
• vuex-router-syncを使ってgettersやactions,mutations内からroute情報を取得する
• [図解]Vue.js2.x系で親子コンポーネント間でデータの受け渡しをする方法
• JS製テキストエディタAceをVue.js2.0のコンポーネントとして使う方法
• vue-loaderでVueファイルが肥大化する前に分割する方法
• Vue.js2.0とvue-routerでナビゲーションバーをつくる
• Vue.js2.x系で親から子コンポーネントにデータを渡す方法
• もうgulpやwebpackで消耗しない！vue-cliを使ったVue.js開発
• 【JavaScript】Vue.jsでカレンダーをつくる
• 【JavaScript】Vue.jsでタグクラウドをつくる
• Vue.jsでページ番号付きのページネーションをつくる
• Vue.jsだけでページナビゲーション（ページネーション）をつくる
• Vue.jsのv-transitionをちょっと実践的に使ってみた
• 【TypeScript】MVVMなVue.jsを使ってToDoアプリをつくってみた

HTML5 Canvas API・ゲーム開発

• Canvas上のオブジェクトがクリックされたか検知する
• Canvasで任意の色に近い色をカラーパレットから取得し画像を減色する
• Canvasでカメラの映像に画像処理フィルターをかけて表示する方法
• [JS]クリックした位置までオブジェクトを最短距離で移動させる
• ゲーム開発初心者が教えるブラウザゲームのつくり方（後編）
• ゲーム開発初心者が教えるブラウザゲームのつくり方（前編）
• ゲーム内に重力を追加し自然なジャンプモーションを実装する（3パターンで実装）
• オフスクリーンCanvasにプリレンダリングし、描画内容を可視領域に表示する
• Canvasに表示したオブジェクトに当たり判定（衝突判定）をつける方法
• Canvasに表示したオブジェクトをキーボード操作で移動させる方法
• Canvasを用いた9つの画像処理フィルターとそのアルゴリズムの解説
• [HTML5]Canvasで画像をズームイン・アウト、ドラッグで移動させる方法
• [HTML5]Canvasを使って画像をトリミングする方法まとめ

Web Audio API

• Web Audio APIとVue.jsで複数音源をミックスしコードを鳴らす
• Web Audio APIとVue.jsでADSRエンベロープ（VCA）をコントロールする
• Web Audio APIとVue.jsで波形を見るためのオシロスコープをSVGとCanvasでつくる
• Web Audio APIとVue.jsでオシレーターをつくる（カスタム波形、正弦波、矩形波、ノコギリ波、三角波）
• Web Audio APIとVue.jsでシンプルなシンセサイザーをつくる
• HTML5 Audio要素を使ってイベントに応じて任意の音源を再生する

RabbitMQ

• CentOS7.3にRabbitMQをインストールしてGUIで管理できるようにする
• Node.js+RabbitMQでメッセージの送受信をする1（Hello World）
• Node.js+RabbitMQでメッセージの送受信をする2（Work queues）
• Node.js+RabbitMQでメッセージの送受信をする3（Publish/Subscribe）
• Node.js+RabbitMQでメッセージの送受信をする4（Routing）
• Node.js+RabbitMQでメッセージの送受信をする5（Topics）
• Node.js+RabbitMQでメッセージの送受信をする6（RPC）
• 【Node.js】amqplibをPromiseベースで利用する方法

CodeKata・CodingDojo

• 【超訳】CodingDojo：アラビア数字をローマ数字に変換（KataRomanNumerals）
• 【超訳】CodingDojo：連想配列による文字列置換（KataDictionaryReplacer）
• 【超訳】CodingDojo：ボウリングのスコア計算
• 【超訳】CodeKata2：Karate Chop（ソースコード付）