JavaScript 配列を効率よくシャッフルする【フィッシャー–イェーツ】
はじめにゲームや単語帳など一定の要素をシャッフルする処理を書く必要が発生することはプログラミングをしているうえでよくあることだと思います。様々な手法を使ってシャッフルが行われていますが、実はすでに効率よくシャッフルするためのアルゴリズムが存...
JavaScript
JavaScript JavaScript シンプルなモーダルボタンを自力で実装しよう！
はじめにWebサイト上にポップアップのように表示できるモーダル。Bootstrapなどのフレームワークを用いれば、素早くきれいなモーダルを簡単に表示できます。今回は、そのようなフレームワークを使用するまでもない場合、環境により使用できない場...
JavaScript APIを使って郵便番号から住所を取得しよう！
はじめに今回は、郵便番号を入力することにより住所を取得するプログラムを紹介します。今回は「ポストくん」の提供するAPIを利用したものになります。このプログラムを使用することでJavaScript単体でAPIに問い合わせて郵便番号から住所を取...
JavaScript b-tableを用いてドラッグ&ドロップで順番変更可能なテーブル【BootstrapVue】
はじめに今回は、BootstrapVueのb-tableで、ドラッグアンドロップで表内のデータ順を変更できるvueプログラムを作成しました。発端としては、b-tableでドラッグアンドドロップが行える情報がなく、ほとんどにおいてb-tabl...
JavaScript canvas+JavaScriptでアナログ時計を作ってみた【HTML】
はじめにこの記事では、HTMLのcanvas要素とJavaScriptのみを用いてアナログ時計を作成します。ホームページなどに手軽にアナログ時計を置くことができるようになります。コード作成canvas要素の作成まずはHTML内にcanvas...