「javascript」カテゴリーアーカイブ

JSON にもコメントを書きたい – Qiita

JSON にもコメントを書きたい - Qiita

JSON にもコメントを書きたい - Qiita

そう、JSON にはコメントを記載するための構文がないのです。近年では設定ファイルなどで利用されることも多い JSON ですが、コメントによる説明が不要なキーを名付けることは現実的ではありません。どうしよう、困ったな。 TL;DR コメントをつけるだけなら JSONC を使いましょう。 どうしても JSON にコメントを書きた...

はてなブックマーク - JSON にもコメントを書きたい - Qiita はてなブックマークに追加

JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ – ICS MEDIA

JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ - ICS MEDIA

JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ - ICS MEDIA

JavaScriptの仕様はEcma Internationalによって定められています。現状での最新仕様は ES2019(ECMAScript 2019)ですが、次の仕様はES2020(ECMAScript 2020)となります。例年どおりに行けば、今年2020年の6月頃に正式仕様となるでしょう。 本記事ではES2020で追加されることが決定した新機能を解説します。ES2020の各...

はてなブックマーク - JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ - ICS MEDIA はてなブックマークに追加

Vue開発者のためのVue.jsベストプラクティス集15選 – Qiita

Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

はじめに みなさん、Vue使ってますかー!・・・・・・・(へんじがない。ただのしかばねのようだ。) 私は毎日使ってます。が、正しい使い方というのがいまいちわかっていません。ということで、ネットで拾ってきた情報を元にVueで開発する上でのベストプラクティス集15選をまとめてみました。 「ふんふんそうだよね〜」...

はてなブックマーク - Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita はてなブックマークに追加

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス – Qiita

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKE Editor 5 リッチテキストエディタのコンポーネント Vue.Draggable ...

はてなブックマーク - Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita はてなブックマークに追加

JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス

JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス

JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス

Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て...

はてなブックマーク - JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス はてなブックマークに追加

jQuery愛好家のためのVue.js、React入門(いずれAngularも) – Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

まず、ことわっておきますが、jQueryは非常に優秀なライブラリです。自分がメインとするWEBシステムの世界ではかなり重宝していますので、時代の潮流だからといって理由もなくjQueryを切り捨てろとは一言も言いませんし、もっと技術は培養すべきです。 ですが、使用できる選択肢を増やす、武器を増やすためにVue.js、Rea...

はてなブックマーク - jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita はてなブックマークに追加

もしものために,香川県からのアクセスを避ける – Qiita

もしものために,香川県からのアクセスを避ける - Qiita

もしものために,香川県からのアクセスを避ける - Qiita

茶番 「どうも〜,セミコロンつけない派です.お願いします」 「お願いします」 「あ〜,ありがとうございます.今,いいねを頂きました.こんなんなんぼあってもいいですからね」 「あのな,おかんがな,思い出せない都道府県があるらしいねん」 「ほな,その特徴教えてくれる?」 「おかんが言うにはな,最近ゲームが ...

はてなブックマーク - もしものために,香川県からのアクセスを避ける - Qiita はてなブックマークに追加

Vue.jsを100時間勉強して分かったこと – Qiita

Vue.jsを100時間勉強して分かったこと - Qiita

Vue.jsを100時間勉強して分かったこと - Qiita

Vue.jsを100時間ほど勉強して分かったことを整理します。 勉強時間の内訳は、 Udemyの Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) をだいたい全て完了(85時間) 実際に自分でコードを書いてみた(15時間) です。 学習開始時のレベルは、JavaScript・jQueryはそれなりに扱うことができ、過去に少しだけR...

はてなブックマーク - Vue.jsを100時間勉強して分かったこと - Qiita はてなブックマークに追加

vscode の web build を netlify にデプロイする + ファイルシステムを永続化する – mizchi’s blog

vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog

vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog

年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。 できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったこと フロントエンドにまつわるものはフロントエンドで作業を完結したい。なので...

はてなブックマーク - vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog はてなブックマークに追加

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介した...

はてなブックマーク - 2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note はてなブックマークに追加

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularはVueよりも高いですが、「今後はもう採用したくな...

はてなブックマーク - JSフレームワーク事情2020年始め|erukiti|note はてなブックマークに追加

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularはVueよりも高いですが、「今後はもう採用したくな...

はてなブックマーク - JSフレームワーク事情2020年始め|erukiti|note はてなブックマークに追加

JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス

JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス

JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス

JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベント...

はてなブックマーク - JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス はてなブックマークに追加

WebAssembly版のTensorFlow.jsが登場、Webブラウザでの推論処理を10倍以上高速に実行 - Publickey

WebAssembly版のTensorFlow.jsが登場、Webブラウザでの推論処理を10倍以上高速に実行 - Publickey

WebAssembly版のTensorFlow.jsが登場、Webブラウザでの推論処理を10倍以上高速に実行 - Publickey

WebAssembly版のTensorFlow.jsが登場、Webブラウザでの推論処理を10倍以上高速に実行 Googleがオープンソースで公開している機械学習ライブラリTensorFlowの1つとして、Webブラウザ上で機械学習のモデルの構築、学習、学習済みモデルによる推論の実行などが可能になるJavaScriptライブラリ「TensorFlow.js」があります。...

はてなブックマーク - WebAssembly版のTensorFlow.jsが登場、Webブラウザでの推論処理を10倍以上高速に実行 - Publickey はてなブックマークに追加

lodash やめ方 – Qiita

lodash やめ方 - Qiita

lodash やめ方 - Qiita

みなさん、 lodash で消耗してますか? 私は消耗しています。 なぜ lodash で消耗するかというと、とにかく思考停止でインストールされ、 node_modules 下で大量に重複します。サイズが大きいlodashが複数バンドルされてビルドされると、重篤なパフォーマンス上の問題を引き起こします。 https://bundlephobia.com/resul...

はてなブックマーク - lodash やめ方 - Qiita はてなブックマークに追加

TwitterやSlackのRedux Storeを覗く – Tech Blog – Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していま...

はてなブックマーク - TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer はてなブックマークに追加

TwitterやSlackのRedux Storeを覗く – Tech Blog – Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していま...

はてなブックマーク - TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer はてなブックマークに追加

モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出(2019年版) – ICS MEDIA

モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出(2019年版) - ICS MEDIA

モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出(2019年版) - ICS MEDIA

スクロールで全画面がスライドのように切り替わるウェブサイトの表現があります。手軽にこの表現を実装するJSライブラリ、fullPage.jsを使ったことのある方もいるのではないでしょうか? かつては無料で使えたこのライブラリですが、現在はGPLライセンスのプロジェクト以外では使用料がかかります。 その一方、CSSとJav...

はてなブックマーク - モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出(2019年版) - ICS MEDIA はてなブックマークに追加

HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ | コリス

HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ | コリス

HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ | コリス

以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You ca...

はてなブックマーク - HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ | コリス はてなブックマークに追加

フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? – Qiita

フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita

フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita

こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターする...

はてなブックマーク - フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita はてなブックマークに追加