「JavaScriptを使っているけど実際に何がどうなっているのかまでは理解できてる自信がない」「Web制作くらいはできるがwindowとかdocumentとか言われるとわからない」「”〜〜map is no […]
Tips
TypeScriptでnumber(数字)か文字列(string)かを判定して変換する方法
「数字が文字列としてデータに保存されている場合の取得方法を知りたい」「TypeScriptでnumberとstringの型変換の一番簡単な方法を知りたい」「typescriptでasを使った型変換の方法を見たことがある」 […]
Reactプロジェクトに最速でドラッグ&ドロップ機能を実装する【react-beautiful-dnd】
Reactプロジェクトに簡単にドラッグ&ドロップ機能を実装する方法をご紹介します。 近年ではスマホ、タブレットの普及によりドラッグ&ドロップを使ったUIを実装する機会が増えています。 しかしながら0から実装するには座標の […]
CSSでクルッと裏返しに回転するアニメーションの作り方【rotateX, rotateY, transform】
画像や図形を回転させるアニメーションは、サイトやアプリケーションに動きを与えるため取り入れることが増えてきました。 とはいえ初心者にとってはイメージがしづらいため作り方が難しく、3Dのような回転になると作る気がしなくなっ […]
CSSでレイアウトが崩れる人向け!ボックスモデルを理解すればOK【width, height, margin, padding, border, box-sizing, gap】
「デザインデータ通りのパーフェクトピクセルで作れたことがない」「コーディングでレイアウト崩れが多く修正ばかりしている気がする」「CSSの余白をつけるプロパティでmargin, padding, gapの違いがよくわからな […]
TypeScriptとは?JavaScriptへの変換方法やReactへの導入を解説【tsconfig.json, コンパイル】
「JavaScriptはある程度使えるようになったけどTypeScriptも勉強しようか迷っている」「TypeScriptの基本は勉強したけど、結局何をしているかイメージしきれていない」「TypeScriptは玄人のエン […]
JavaScriptで日付のフォーマット(書式)を変換する方法【Intl, DateTimeFormat, NumberFormat, RelativeTimeFormat, format】
「日付の書式設定を作り替えるのが苦手でいつも悪戦苦闘している」「日本語ならではの表記方法のやり方がわからない」「日付、通貨の単位をJavaScriptで変換しているが多重ネストで条件分岐を書いている」 本日はそんな方に向 […]
JavaScriptにおけるPromise.allとは?使い方からPromiseとの違いを解説【ファイルのサイズ取得】
JavaScriptの非同期処理において、Promiseは非常に便利な概念です。 しかし複数の非同期タスクを同時に処理する必要がある場合、どのように取り組めばよいのでしょうか? そこで登場するのが「Promise.all […]
【初心者向け】マークダウンの使い方をよく使うもので絞って紹介
「スクールや職業訓練でマークダウンを習っていない」「マークダウンが何かはわかるがGithubなど実際に使ったことは無い」「マークダウンで文章を改行したいのに上手くできなくて原因がわからない」 本日はそんな初学者の方に向け […]
Reactでコンポーネントがレンダリングされない例を紹介【keyで解決できるよ】
「propsで違う値を渡しているはずなのにコンポーネントに更新が走らない」「Reactのレンダリングがイマイチ理解できていない状態で開発している」「mapでkeyを書き忘れると警告文が出ることがあるが、何のためにkeyが […]