@programmingプログラミング関連アカウント。Web標準技術を中心に書いていきます。済ませたい人たちの集いです。13:20機械学習Node.jsでチャットボットNode.jsでチャットボットを作る方法です。させ、ユーザからの質問にマッチした回答を出力します。サンプルコードでは、ゴミの出し方をアドバイスするチャットボットを作りました。JavaScriptピュアJS:ブラウザで任意のカメラデバイスを選択PCもしくはモバイル端末のブラウザ上で任意のカメラデバイスを選択し、videoタグで利用するサンプルです。ピュアなJavaScriptだけを使って実現しています。9:15Vue.jsVue.jsで大量の配列要素を滑らかに描画Vue.jsで大量の配列要素を滑らかにレンダリングする方法のご紹介。JavaScriptピュアJSで画像の遅延読み込みピュアなJavaScriptだけを使って画像の遅延読み込み(レイジーロード)を実現する方法のご紹介。ユーザがブラウザのタブをスクロールした時にタブの表示領域に入ってきた画像要素だけを読み込みさせることで、Webページの全体的な表示を軽くします。JavaScriptピュアJSで配列からランダムに1件取得するワンライナーピュアなJavaScriptで配列から要素をランダムに1件取得するワンライナーです。15:15HTMLCSSで簡単なアニメーションHTML要素にCSSでアニメーションを適用する方法をご紹介。複雑になりがちなアニメーションをシンプルなCSSとJSだけで実現しています。汎用的に使えるJSのヘルパー関数も。実装方法をご紹介します。14:38Node.jsNode.jsからコマンドを別プロセスとして実行Node.jsで外部コマンドラインツールを別プロセスとしてメインプロセスから切り離して実行する方法です。16:43Groonga国産の全文検索エンジンGroongaをNode.jsで使う国産の全文検索エンジンGroongaのインストール方法や使い方とNode.jsから利用する方法です。14:42LinuxLinuxコマンドメモ忘れやすいけどよく使うLinuxコマンドをメモしています。14:28BashBashテクニック集Unixシェルかつコマンド言語Bashのテクニック集です。個人的によく使いそうなものだけをピックアップしています。コード本体と使い方を紹介。外部ライブラリを使わず生JSだけでHTML内の特定の文字列をmarkタグで囲う(マーカーを引く)方法のご紹介。ように既に開いているファイル群からファイルを表示するショートカットを実現する方法です。Top」みたいなやつ)ってよく見かけますよね。簡単なJSコードのコピペだけで実現できます。13:49Node.jsnode-mysqlとStreamで大量のデータを効率的に処理node.jsのStreamを使えばメモリを節約することができるため、大量のデータを扱う場面で特に威力を発揮します。このメモではStream(Transform)を自作し、MySQLデータベースの大量のデータを効率的に扱う方法をご紹介します。APIを使わなくても会員登録不要でお手軽にジオコーディング&逆ジオコーディングが可能です。11:22GISleafletで地理院地図を描画しマーカー設置など地図描画ライブラリleafletと国土地理院の地理院地図を連携させてGISブラウザアプリケーションを作ってみるサンプルです。地理院地図はAPIキーの登録などが不要なのでとてもお手軽で、なおかつ日本政府が管理しているので地図情報ソースとしてはとても安心感があります。17:432FAブラウザでグーグル認証システム互換の2FAトークンを生成ブラウザのJavaScriptで二段階認証のワンタイムトークン(パスコード)を生成する方法です。今回ご紹介するコードは、芽萌丸ツールズの2FAトークン生成ツールでも利用されています。2FA設定時にQRコード等で提供されるシークレットさえ保管しておけば、Google認証システムアプリが無くてもパスコードを生成できます。JavaScriptJavaScriptで画像の動的ロードJavaScriptを使って画像を動的に読み込む方法です。画像の読み込み中のローディングイメージの表示などに応用できます。ピュアJS版とjQuery版の2つをご用意しました。6:37Node.jsNode.jsでシングルトンなクラスモジュールNode.jsでシングルトンなクラスモジュールを作る簡単な方法です。クラス自体を弄ること無くシングルトン化できる方法なのでお手軽です。スクリプト内でのajaxリクエスト時にリクエストヘッダのリファラrefererを書き換える方法です。13:22ビットコインブラウザでBTC送金トランザクションブラウザ上のJavaScriptでビットコイン(BTC)を送金する方法をメモします。今回ご紹介する方法は、いわゆるブラウザウォレットアプリケーションの作り方の基本になります。通常ブラウザウォレットでは、秘密鍵での署名をブラウザのローカル上だけで行います。そのため、秘密鍵がインターネット上に流れて盗聴されるリスクを低減させることができます。これはウォレットアプリとしてのセキュリティ上とても重要なことです。11:12browserifybrowserifyしたjsファイルの軽量化方法browserifyしたjsのbundleサイズが大きすぎてブラウザで読み込むには少し辛いとき、無駄な依存モジュールを削除したり、軽量なものに置き換えたりしてbundleサイズの軽量化を図ります。そのような場面で役立つのがdiscモジュールです。discモジュールはWebアプリケーションの読み込み速度改善に重宝します。今回はdiscモジュールの使い方をご紹介します。13:49QRコードブラウザでQRコード読込と生成ブラウザでQRコードを読み込んで解析したり、QRコード画像を生成したりする方法です。QRコード画像の読み込みについては画像ファイルからの読み込み方とWebカメラからの読み込み方の両方を紹介しています。13:06Chrome拡張機能Chrome拡張機能でブラウザのクッキーを利用Chrome拡張機能でブラウザのクッキーを扱う方法をご紹介。以下、本サイト「芽萌丸」を「本サイト」、本サイトの利用者を「利用者」、本サイトの運営者「田中ソフトウェアラボ」を「運営者」とそれぞれ表現します。本サイトを使用することにより、利用者は本利用規約に同意されたものとみなします。同意されない場合は、本サイトを使用することはできません。著作権について本サイトの全てのコンテンツの著作権は運営者に帰属します。本サイトのコンテンツの無断複製は禁止しております。本サイトへのリンクについて本サイト内の記事へのリンクはご自由に貼っていただいても構いませんが、本サイトを誤認させるような形でリンクを張ることは禁止しております。個人情報について本サイト一般利用者の個人情報を取得することは一切ありません。本サイトのメンバー会員につきましてはアカウント新規登録の際にメールアドレス等を取得する場合があります。サードパーティ(広告プロバイダ等)が利用者のCookieなどの情報を利用する場合があります。広告について本サイト内ではアフィリエイト広告を表示する場合があります。アフィリエイトの収益は全て本サイトの運営費用に充当し、長期的に持続可能な運営を目指します。