javascript

javascript

【JavaScript超入門】Set と filter で配列の重複を取り除く方法

初めに JavaScript で配列を扱っていると、重複要素を取り除いて「ユニーク」な配列を得たい場面がたびたびあります。 たとえば、タグ一覧の整理やフォーム入力値の精査、API レスポンスの前処理などです。 本記事では元の並び順を保ちなが...
javascript

【JavaScriptで学ぶ基本プログラミング】数値の平均を求めてみよう!

今回はjavascriptの基本問題で、初心者の方にも取り組みやすい「数値の平均を求める」課題を解いていきたいと思います。 配列操作 ループ処理 条件分岐 組み込み関数の使い方 を身につけましょう。 課題の紹介:平均値を求める関数 // 例...
javascript

【ユーザー体験が劇的に向上!】JavaScriptで簡単に作るグローバルメニュー

今回はjavascriptを使ってユーザー体験を向上させるインタラクティブなUI設計をしてみました。githubで具体的なソースコードを公開していますので、ご自由にご利用ください。 グローバルメニューとは ウェブサイト全体で使える共通のナビ...
javascript

【ゼロから身につく!JavaScript】配列の合計を計算する方法

今回はjavascriptの配列に関する基本問題を題材して、javascriptの仕様に関して学んでみたいと思います。初めての方にもわかりやすいような内容で整理していますので、ぜひチャレンジしてみてください。 1. なぜ“配列の合計”を学ぶ...
javascript

【初心者向けJavaScript入門】FizzBuzzで学ぶプログラミング思考

初めてプログラミングに触れる方やこれからjavascriptを学んでいこうとする方へ、基本的な構文や問題を通して理解を深めることができます。。この記事では、"FizzBuzz" というシンプルな問題を通じて、JavaScriptの基本構文と...
javascript

javascriptで簡単なルーレットアプリを作成する

今回はJavascriptを使って簡単なルーレットマシンを作る手段をお伝えします。子供のための遊びに作ったもので遊んでもらえるかと思って作成しました。今回の仕組み落としては重複はなく、セットした画像がランダムで表示され且つ全て表示されたら、...
javascript

【javascript】チェックボックスで、特定の選択肢が選択された場合に、別の項目を表示する方法

問い合わせフォームなどで、選択肢に応じてお問合せ項目を変更したい場合があるかと思いますが、今回の方法は、最初にチェックボックスで選ばせた内容によって、項目を変更する方法です。ユーザビリティを考えた上で、必要不可欠な機能で、集客やサイトの動線...