JavaScript | 三項演算子
三項演算子はシンプルに条件分岐を書くことができます。 ■基本 const val1 = 1 > 0 ? 'trueです' :…
2020年11月
JavaScript | 単一式省力のアロー関数
一般的なアロー関数 一般的なアロー関数は下記のように書きます。 const name= (fullName) => { return fullN…
デイトラ | shopifyコースを受講開始しました
東京フリーランスが提供しているshopifyコースを現在受講しています。 僕自身shopifyはカスタマイズ経験はあるものの、納品フローの中で知識が怪しい点が…
【GA4】Google Analytics 4でUAコード取得する方法
2020年10月14日よりGoogleからGoogle Analytics4(GA4)がリリースされました。 それにあたり2020年11月23日現在web製作…
React Redux | Reducers
■Reducersの役割 Actionからデータを受け取り Storeのstateをどう変更するか決める →Store内のstateの管理人 ■initial…
React Redux | Actions
■Actionsの役割 ・アプリからStoreへデータを送るためのpayloadを渡す役割 →アプリから受け取ったデータをReducersへ渡す ■paylo…
React | ReduxとFluxフロー
■なぜReduxを使うのか 1.stateの見通しをよくするため 2.どこからでもsataeを参照/変更可能にするため 3.モジュールを疎結合するため Rea…
JavaScript | デフォルト値
JavaScriptの関数の引数にはデフォルト値を設定する事ができます。 まず先にデフォルト値を設定していないと下記ではundefinedが返ってきます。 c…
JavaScript | 分割代入
分割代入構文は、配列、オブジェクトから値を取り出して別個の変数に代入することを可能にするJavaScriptの式です。 https://…
All in One SEO | facebookシェアボタンの埋め込みと動的URLへの変更
All in One SEO を使ってソーシャル設定を行う中で facebookボタンの設置とボタンを動的URLにしている方法を書いていきます。 下記がFac…
React | stateの基本的な書き方
■stateの定義 ・this.stateとし、=でオブジェクトを代入する this.state = {name: ‘もり’}; ■stateの取得 ・thi…
#4 .stateの設計とクラスコンポーネントの作成
トラハックさんの講座を受けての自分用メモになります。 ■App.js ・Appクラスコンポーネントを作成 ■dataset.js ・中身はgithubから追加…
Firebase | RESTAPIの作成とFirestoreでデータを取得する
■REST APIを作る ・dataset.jsをjsonファイルに変える ・Cloud Functionでhttps関数の作成 ・デプロイ ・curlコマン…
Codegridで差がつく表現を
かっこいい表現のチュートリアルは海外のyoutubeサイトの方が充実しています。 中でもCodegridは紹介されているアニメーションや動画のクォリティの高さ…
React | Firebaseでデプロイするまでの注意点(2020.11月現在)
ReactのプロジェクトをFirebaseでデプロイするにあたり いくつか注意点があったので書き残していきます。 ■有料プランに変更 Blazeに変更しなけら…
.gitignoreの書き方 | キャッシュの消去
■.gitignoreとは .gitignoreはgithubへ不要なファイルをプッシュしたくないときに記入したファイルを取り除いてくれるファイルです。 ■使…
MATERIAL-UIをインストールする
■MATERIAL-UIとは ・React向けのUIコンポーネントライブラリ ・手軽にMaterialデザインを取り入れられることができる https://m…
React | 環境構築
■前提 ・node.jsインストール済み ・npmインストール済み ■creat-react-app ・node.jsインストール済み ・npmインストール済…
React | Hooksでstateを使う
■フック(hook)とは ・クラスの機能(stateやライフサイクル)をファンクショナルコンポーネントでも使える ・100%後方互換＝小さく導入できる ■なぜ…
JavaScript | import,export
■モジュール化とは ・JavaScriptではES2015から採用 ・基本的に1ファイル1モジュール ■名前ありexport ・モジュールから複数の関数をex…
レスポンシブのチェックなら「Responsive View」
レスポンシブのチェックができるサイトは色々ありますが 「Responsive View」が使い勝手がいいです。 使い方はURLを入力するだけです。 http:…
React | ライフサイクルについて
■ライフサイクル ・コンポーネントの時間の流れ ・生まれて、成長して、死ぬまで ・それぞれの段階でに必要な処理を記述 ■3種類のライフサイクル ・mounti…
React | stateについて
■stateとは ・コンポーネント内で管理する変数 ・プロップスとして子コンポーネントに渡せる ・ローカルステートと呼ばれる ★Reduxはどのコンポーネント…