JavaScriptだけでユーザーのスマホやパソコンがネットに接続されているか確認できることをご存知でしょうか。 近年はゲーム、ツールなど殆どのサービスにインターネットが必須になってきました。 一方で何の拍子にWi Fi […]
Tips
JavaScriptでオンライン／オフラインの判定をする方法
JavaScript
Tips
【初心者OK】JavaScriptでスクロール位置を取得、操作する方法
サイト制作やアプリ開発でスクロールに関するアニメーションはよく登場します。 初学者の方やWebデザイナーにとっては、なんだか難しく見えるかもしれません。 JavaScriptでスクロールを扱うには「位置」だけを考えておけ […]
Tips
React(JavaScript)の分割代入は何をしているのか？
「Reactを学習していると突然登場する分割代入が何か分からない」「配列とオブジェクトにconstを指定しているのに中身を書き換えられてしまう」「ググった時に分割代入をしている記事とそうでない記事を見かけて不思議に感じて […]
Tips
JavaScriptでサイトにポップアップや警告を出す方法【alert,confirm,promptそれぞれの違い】
「簡単にポップアップのメッセージ機能を作りたい」「JavaScriptのalert, confirm, promptの違いがよくわからない」「ポートフォリオやテストサイトにパスワードをかけたい」 本日はそんな方に向けて、 […]
Tips
JavaScriptのfindで検索フォームをつくる
JavaScriptで検索フォームが作れることをご存知でしょうか？ バックエンドでも作ることができますが、検索ボタンをクリックするたびにページを遷移しないといけないので近年の開発として少しずつJavaScriptでの実装 […]
Tips
JavaScriptのsortで並び替え（ソート）で大文字と小文字があるとき【sort, reverse, localeCompare】
JavaScriptで並べ替え機能（ソート）を作るときにsortを使うことが一般的だと思います。 初学者向けの学習教材やYoutubeでは数字を使った並べ替えが紹介されており、それだけで分かった気になっていた自分は特定の […]
Tips
【Reactでも使う】JavaScriptのreduceの使い方を解説
自分はWeb制作からプログラミングを始めたのでJavaScriptのreduceについて存在すら知りませんでした。 ReactのようなモダンJSを勉強し始めた時にreduceが登場して少し手こずったことがあったので、re […]
Tips
【Reactでも使える】JavaScriptでfilterを使って絞り込みをしてみる
JavaScriptのfilter関数はReactで初めて知った人も多いのではないでしょうか？ JavaScriptを詳しくない状態でいきなり登場されると「何やってるんだ？」となってしまっています。 「絞り込み」「フィル […]
Tips
【forEachとの違いは？】JavaScriptのmapの使い方を解説
Reactを勉強し始めた時にmap関数を初めて知った人も多いと思います。 自分もそうだったんですが、文法の意味が分かっていないので突然登場されてもイマイチ使い方が分かりません。 「mapって繰り返し処理ってことくらいは分 […]
Tips
JavaScriptのfor文やif文で使われているreturn、breakは何をしているのか？
「条件分岐が何かは分かるけど、自分でゼロから作るのは難しい」「ネストはダメ！とか言われるけど、複雑な条件のときにネストするしかないと思っている」「breakが何をしているのかよく分からず使っている」 本日はそんな方に向け […]