フロントエンド

React/Redux復習1 (非同期処理)

[ES2015] Promise jsprimer.net PromiseはES2015で導入された非同期処理の結果を表現するビルトインオブジェクトです。 エラーファーストコールバックは非同期処理を扱うコールバック関数の最初の引数にエラーオブジェクトを渡すというルールでした。 Promis…

JSONのデータ操作 (JSON配列など)

developer.mozilla.org 文字列。データ転送に便利。 JSON は文字列です。 ですので、ネットワークを通してデータを転送したい場合に便利です。 JSON データへアクセスしたい場合は、 JavaScript オブジェクトへ変換する必要があります。 JavaScript には JSO…

nodenv

qiita.com

グラデーションCSS 簡単作成のお気に入りサイト

webgradients.com

FLOCSSとその中でメディアクエリの書き方

qiita.com www.tam-tam.co.jp

スマホでもスクロール(タッチ操作)禁止にする方法

programming.sincoston.com event.preventDefault(); MDN developer.mozilla.org JS Primer jsprimer.net 抽象 Elementが持つデフォルトの動作を止める 具象 フォームが持つデフォルトの動作とは、フォームの内容を指定したURLへ送信するという動作 イベント…

★Webpackの優良まとめ

qiita.com

★Vue.jsのライフサイクル

blog.engineer.adways.net 1. ライフサイクルと差分レンダリング(patch)の実行 先ほど述べた通り、Vue.jsでは diff / patch の処理を以下のファイルのpatch関数内に実装しています。 github.com Vue.jsにもライフサイクル関数がいくつか提供されています。 b…

Vueで作成したSPAをGithubPagesでホスティングする

ディレクトリ構造 . ├── README.md ├── babel.config.js ├── docs │ ├── 404.html │ ├── css │ ├── favicon.ico │ ├── img │ ├── index.html │ └── js ├── github │ ├── before_pr.md │ ├── installation.md │ ├── new_branch.md │ └── tasks.md ├── image_c…

Nodebrewを用いた最新版とCURRENT版のインストール

参照資料 qiita.com 選択したバージョンを有効化 nodebrew use vX.X.X $ nodebrew install-binary stable 必要なバージョンを指定してインストールする。 nodebrew install-binary {version} 最新版を取得する際は # 最新版を取得 nodebrew install-binary l…

★フォント Icon (ionicons)

github.com github.com

★googleフォント (Merriweather)

fonts.google.com

★JSONとJavaScriptオブジェクトの違い

techplay.jp

★(良解説) RDBからJSONとして返ってきたものを、フロントで受け取る流れ

www.i-ryo.com

★React チュートリアル

qiita.com

★神すぎる概論 JavaScript

www.hypertextcandy.com Node.js npm Babel Webpack

★Express/Node.js チュートリアル

code-ship-blog.wemotion.co.jp アニメAPI tech-blog.rakus.co.jp

★(1700LGTM) Node.jsの良記事

qiita.com qiita.com

Bootstrap.cssのテーブルを簡単に生成

qiita.com

★Webpack入門書

zenn.dev

ES5とES6の違いまとめ

qiita.com

★JavaScriptの教材に困ってたんだ

qiita.com

★【DOM備忘録】 DOM操作とブラウザレンダリングの仕組み

JavaScriptがHTMLをいじる仕組み Windowオブジェクト Documentオブジェクト Elementオブジェクト (1/4) パース

★★★DOMと仮装DOMの違いの良記事

JavaScript employment.en-japan.com

★【HTTP】 Request/Response Header

引用元 webtan.impress.co.jp 1 ) ブラウザ → サーバーの「HTTPリクエスト」 HTTPリクエストはブラウザが送るものなので、 HTTPリクエストを作るのはブラウザである。 サーバーは、受け取ったHTTPリクエストの内容からどんな情報を返すかを判断します。 HTTP…

【Nuxt】 祝!解決

[1] package.jsonに追記 [ファイル名] /package.json "config": { "nuxt": { "host": "192.168.33.12", "port": "3000" } }, yarn devすると、ブラウザでエラーが出ずに、 通信が繋がり、立ち上がった。 参照記事 https://pllogg.com/nuxt-js/154/ ですがvag…

【CentOS7】 ビルドの続き (Node.js)

https://qiita.com/senou/items/d939601e32c0005ebfe3 [1] 昨日の「yarn dev」ができないエラーから進歩 # [1] 全てのパッケージと依存関係をインストール $ yarn [vagrant@localhost (プロジェクト名)]$ yarn dev yarn run v1.22.4 $ cross-env NODE_ENV=de…

【環境構築】 Node.jsのバージョン11指定にハマった

Virtualbox内で作業 [参考資料] CentOS7.3からNode.jsとnpmをアンインストール。 https://haiju.hatenablog.com/entry/2017/12/13/165345 Node.js 11 の公式リポジトリを CentOS に追加する https://xn--o9j8h1c9hb5756dt0ua226amc1a.com/?p=3272 [root@loca…

【CSS】 セレクタチートシート

https://webliker.info/css-selector-cheat-sheet/

【アセット】 どの範囲までassetと呼ぶのか?

アセットは、ウェブ・ページで参照できるファイルを意味します。 CSS ファイルであったり、JavaScript ファイルであったり、画像やビデオのファイルであったりします。 アセットはウェブでアクセス可能なディレクトリに配置され、ウェブ・サーバによって直接…