スポンサーリンク
React(書評)

「速習React」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「速習React」の感想・忘備録1の続き 制御文 繰り返し処理 配列のmapメソッドを使う。コールバック関数ではJSXをreturnする。※key属性にユニーク値を指定しないとコンソールに警告が表示される <div> {.map((num, index) => <p key={index}>{num}</p> )} </div>...
React(書評)

「速習React」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る Kindle本「速習React」のまとめ。 点数 93点 感想 とてもわかりやすかった。JSX、コンポーネント、イベント、ルーティング、などReactを使う際に最低限必要な説明はすべて網羅されていたと思う。 まとめ JSX 全体を1つのルート要素で囲む。 ルート要素を最終的な出力に含めたくない場合は<React.Fragment...
JavaScript(書評)

「webpack実践入門」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「webpack実践入門」の感想・忘備録1の続き プラグイン プラグインとは ローダーはバンドル前に作用するが、プラグインはバンドルファイルに作用する。 ProvidePlugin 任意のモジュールを全てのファイル(モジュール)の変数として利用可能にするプラグイン。ファイルごとにimport文で読み込む必要がなくなる。※npmパ...
スポンサーリンク
JavaScript(書評)

「webpack実践入門」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る Kindle本「webpack実践入門」のまとめ。 点数 92点 感想 とても分かりやすかった。webpack.config.jsの書き方が分かりづらいと思っていたが、しっかりと理解することができた。babelはバージョンが7.4になったことでnpmのパッケージ名が変わったり、polyfillのやり方が変わったりしていて、Web...
Mac Fan

「Mac Fan 2020年7月号」の感想・備忘録

posted with ヨメレバAmazonで見るKindleで見る 雑誌「Mac Fan 2020年7月号」のまとめ。 点数 20点 感想 テレビチューナーやプロジェクタ、スピーカーなどiPadを便利に使うための周辺機器が紹介されていた。 iPadを持っていないので、興味なし。
React(書評)

「Reactではじめるフロントエンド開発入門」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「Reactではじめるフロントエンド開発入門」の感想・忘備録1の続き テスト JESTとは JavaScript、特にReactのテスト駆動開発をするためのテストフレームワーク。以下の3つのメソッドを使ってテストケースを作成する。 describe関数複数のテストケースをテストスイートとしてまとめる it関数テストケースを定義す...
React(書評)

「Reactではじめるフロントエンド開発入門」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る Kindle本「Reactではじめるフロントエンド開発入門」のまとめ。 点数 83点 感想 とてもわかりやすかった。create-react-appを使わずに、webpackの設定を手動で行っている点が勉強になった。npmのパッケージ名に古いものがあったが、それ以外は最新の内容(webpackバージョン4についての記述もあり)に...
JavaScript

【JavaScript】スクロール量(位置・座標)の取得方法

Windowのスクロール量 window.pageYOffsetで取得することができる。ただし、IE8以前は非対応のためdocument.documentElement.scrollTopとする必要がある。 よって、(window.pageYOffset || document.documentElement.scrollTop)と書くことで、クロスブラウザ対応することができる。 window.a...
Mac

Macで同一LAN内の端末のIPアドレスを確認する方法

概要 Macで同一LAN内にある別のPCやNASなどのIPを調べるときは、以下の手順で確認することができる。 手順 「ターミナル」アプリを起動※アプリケーション⇒ユーティリティ⇒ターミナル arp -aを入力してEnterを押す
JavaScript

【脱jQuery】JavaScriptだけで要素のwidth, heightを取得・設定する方法

jQueryのwidthメソッド、heightメソッドをJavaScriptだけで実装する方法をまとめました。 width, heightの取得 jQuery const width = $('#hoge').width(); const height = $('#hoge').height(); JavaScript // borderとscrollbarの高さをめない場合 const widt...
スポンサーリンク