「Reactをそれなりに触れるようになったけどReduxになった瞬間ドはまりする」「Reduxの学習教材やYoutube動画を見てもイマイチ理解できなかった」「useReducerの使うべきタイミングが分からない」 本日 […]
Tips
ReactのuseReducerの使い方を初心者向けに解説【useStateやuseContextとの違いまで！】
Tips
Tips
JavaScriptで重複チェック、重複削除など検索(絞り込み)をする方法【filter, indexOf, set, startsWith, endsWith, test】
JavaScriptでデータの重複チェックと重複削除ができることをご存知でしょうか？ 基本的な文法だけを使うとforEachを複雑にした方法があるのですが、自分としては使いづらいなと思っているので他の方法でシンプルなもの […]
Tips
JavaScriptでキーボードの入力を判定した処理を実装する方法
JavaScriptでユーザーが何のキーボードを入力したかを判定する方法があるのをご存知でしょうか。 代表的な使用例はPCゲームの開発ですが、最近ではWebアプリでショートカットキーを使った機能が当たり前に使われています […]
Tips
【※重要】JavaScriptのObject.freezeのよくある勘違いと使い方を解説
「オブジェクトと配列を定数で固定してるのに値の更新が行われる」「Object.freezeまでやっているのに値を固定できていない」 本日はそんな方に向けてObject.freezeの正しい使い方を解説します。 Web制作 […]
Tips
JavaScriptでオンライン／オフラインの判定をする方法
JavaScriptだけでユーザーのスマホやパソコンがネットに接続されているか確認できることをご存知でしょうか。 近年はゲーム、ツールなど殆どのサービスにインターネットが必須になってきました。 一方で何の拍子にWi Fi […]
Tips
【初心者OK】JavaScriptでスクロール位置を取得、操作する方法
サイト制作やアプリ開発でスクロールに関するアニメーションはよく登場します。 初学者の方やWebデザイナーにとっては、なんだか難しく見えるかもしれません。 JavaScriptでスクロールを扱うには「位置」だけを考えておけ […]
Tips
React(JavaScript)の分割代入は何をしているのか？
「Reactを学習していると突然登場する分割代入が何か分からない」「配列とオブジェクトにconstを指定しているのに中身を書き換えられてしまう」「ググった時に分割代入をしている記事とそうでない記事を見かけて不思議に感じて […]
Tips
JavaScriptでサイトにポップアップや警告を出す方法【alert,confirm,promptそれぞれの違い】
「簡単にポップアップのメッセージ機能を作りたい」「JavaScriptのalert, confirm, promptの違いがよくわからない」「ポートフォリオやテストサイトにパスワードをかけたい」 本日はそんな方に向けて、 […]
Tips
ReactのuseStateでオブジェクトを使った複数管理する方法
「Reactでフォームを作るときに入力欄が複数あるときどうすれば良いのか？」 という自分の経験からReactのuseStateのちょっとしたテクニックをご紹介します。 また動画もあるので必要に応じて使ってください。 Re […]
Tips
JavaScriptのfindで検索フォームをつくる
JavaScriptで検索フォームが作れることをご存知でしょうか？ バックエンドでも作ることができますが、検索ボタンをクリックするたびにページを遷移しないといけないので近年の開発として少しずつJavaScriptでの実装 […]