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

現代ウェブフロントエンド(ウェブアプリケーション)について理解する唯一の方法|erukiti|note

現代ウェブフロントエンド(ウェブアプリケーション)について理解する唯一の方法|erukiti|note

現代ウェブフロントエンド(ウェブアプリケーション)について理解する唯一の方法|erukiti|note

この記事は、ウェブ技術の開発者(Java, PHP, Ruby, Go... 全て含む)のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、ウェブアプリケーション、たとえばReact, Vue, Angular などが分からない人に向けて、たったひとつの理解方法を提示するものです。 対象読者は、Java, PH(以下...

はてなブックマーク - 現代ウェブフロントエンド(ウェブアプリケーション)について理解する唯一の方法|erukiti|note はてなブックマークに追加

今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと – Qiita

今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita

今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita

Help us understand the problem. What is going on with this article? *この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を...

はてなブックマーク - 今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita はてなブックマークに追加

0から始めるNode.jsパフォーマンスチューニング | kohsweblog

0から始めるNode.jsパフォーマンスチューニング | kohsweblog

0から始めるNode.jsパフォーマンスチューニング | kohsweblog

近年の Node.js は API のサーバとしてはもちろん、Nuxt.js や Next.js といった SSR や BFF などフロントエンドのためのバックエンド言語としての人気が高まっています。 フロントエンドエンジニアがコンテキストスイッチ少なくバックエンドの整備ができることは非常に大きな利点です。 ですが、フロントエンド(ブラウ...

はてなブックマーク - 0から始めるNode.jsパフォーマンスチューニング | kohsweblog はてなブックマークに追加

Webpackの70倍!Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた – ITnews

Webpackの70倍!Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた - ITnews

Webpackの70倍!Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた - ITnews

ITニュースピック一覧Webpackの70倍!Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた esbuild https://github.com/evanw/esbuild/ esbuildの特徴 複数モジュールの依存関係を解決し、1つにまとめるバンドラーは、現代のフロントエンド開発においてなくてはならないツールの1つ。 The Sta...

はてなブックマーク - Webpackの70倍!Go言語で書かれたJavascriptバンドラー「esbuild」をベンチマークテストしてみた - ITnews はてなブックマークに追加

プログラムの可読性を上げるための条件分岐を減らす方法7個 – Qiita

プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita

プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita

受託開発エンジニアでプロジェクトリーダーという立場になるにあたって品質保証について考えるようになりました。 品質と一口に言っても「内部品質」と「外部品質」の2点がありますが、エンジニアである以上、内部品質の向上が外部品質を上げる最適解だと思います。 ※内部品質、外部品質についてはこちらを参照。 そして...

はてなブックマーク - プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita はてなブックマークに追加

TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 – Qiita

TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトラン...

はてなブックマーク - TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - 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 はてなブックマークに追加

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 はてなブックマークに追加

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 はてなブックマークに追加

2020 年、 React 軸で学ぶべき技術 – mizchi’s blog

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript +...

はてなブックマーク - 2020 年、 React 軸で学ぶべき技術 - mizchi's blog はてなブックマークに追加

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 はてなブックマークに追加

lodash やめ方 – Qiita

lodash やめ方 - Qiita

lodash やめ方 - Qiita

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

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

モダンな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 はてなブックマークに追加

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった – fortkle blog

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

この記事はコネヒト Advent Calendar 2019の11日目の記事です! qiita.com はじめに 半年ほど前から新規事業のチームで仕事するようになり、主な技術スタックもPHPからGo, Next.jsへと変わりました。 その中で、特にフロントエンドのテスト周りにおいてキャッチアップ不足を感じていたのですが、たまたま見つけた*1「Ful...

はてなブックマーク - React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog はてなブックマークに追加

Mini Tokyo 3D 開発日誌 – Togetter

Mini Tokyo 3D 開発日誌 - Togetter

Mini Tokyo 3D 開発日誌 - Togetter

東京のリアルタイム公共交通デジタルマップを作り始めている。今のところ山手線と中央線にランダムに数両の列車を走らせてるだけだが、オープンデータがあるならリアルタイムに動かしてみたい。D3.js+Leaflet。昔からこういうプラレールみたいのWebでやってみたかったのよ nagix.github.io/mini-tokyo/ pic.twitter.com...

はてなブックマーク - Mini Tokyo 3D 開発日誌 - Togetter はてなブックマークに追加

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する – Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

こんなサービス作りました 【#拡散希望】 サービス開始 ボケをツイートして 「いいね❤️」「リツイート」 の数でランキング! Twitter連動型 大喜利サイト 「ついぎり」 サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyVSs — ついぎり@公式アカウント (@twigiri_app) August 14, 2019 Twitterで大喜利するサービス...

はてなブックマーク - Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita はてなブックマークに追加

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する – Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

こんなサービス作りました 【#拡散希望】 サービス開始 ボケをツイートして 「いいね❤️」「リツイート」 の数でランキング! Twitter連動型 大喜利サイト 「ついぎり」 サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyVSs — ついぎり@公式アカウント (@twigiri_app) August 14, 2019 Twitterで大喜利するサービス...

はてなブックマーク - Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita はてなブックマークに追加

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する – Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

こんなサービス作りました 【#拡散希望】 サービス開始 ボケをツイートして 「いいね❤️」「リツイート」 の数でランキング! Twitter連動型 大喜利サイト 「ついぎり」 サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyVSs — ついぎり@公式アカウント (@twigiri_app) August 14, 2019 Twitterで大喜利するサービス...

はてなブックマーク - Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita はてなブックマークに追加

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する – Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

こんなサービス作りました 【#拡散希望】 サービス開始 ボケをツイートして 「いいね❤️」「リツイート」 の数でランキング! Twitter連動型 大喜利サイト 「ついぎり」 サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyVSs — ついぎり@公式アカウント (@twigiri_app) August 14, 2019 Twitterで大喜利するサービス...

はてなブックマーク - Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita はてなブックマークに追加

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する – Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita

こんなサービス作りました 【#拡散希望】 サービス開始 ボケをツイートして 「いいね❤️」「リツイート」 の数でランキング! Twitter連動型 大喜利サイト 「ついぎり」 サービス開始しました‼️#ついぎりhttps://t.co/bkXfzHyVSs — ついぎり@公式アカウント (@twigiri_app) August 14, 2019 Twitterで大喜利するサービス...

はてなブックマーク - Nuxt.js+Firebase+GAEで作った個人サービスが半月で2万PV超えたので実績値を全て公開する - Qiita はてなブックマークに追加

オープンソースのWebアプリケーション分析ツール「Cube.js」 – エンジニア・プログラマのソーシャルITメディア

オープンソースのWebアプリケーション分析ツール「Cube.js」 - エンジニア・プログラマのソーシャルITメディア

オープンソースのWebアプリケーション分析ツール「Cube.js」 - エンジニア・プログラマのソーシャルITメディア

「Cube.js」は、npmやyarnでインストールできるオープンソースのWebアプリケーション用分析ツールです。RDBだけでなく、AWS AthenaやGoogle BigQueryなどのサーバーレスクエリエンジンと連携するように設計されています。機能が非常に豊富なので、今回は初期セットアップに的を絞ってご紹介します。 ◆ オープンソースのW...

はてなブックマーク - オープンソースのWebアプリケーション分析ツール「Cube.js」 - エンジニア・プログラマのソーシャルITメディア はてなブックマークに追加

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 – Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - Speaker Deck

レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10

はてなブックマーク - レガシーでウォーターフォールな
Vue.jsでの大規模開発に捧げる
テスト駆動フロントエンド開発の話 / v-tokyo10 - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Nondestructive_TypeScript.md · GitHub

Nondestructive_TypeScript.md · GitHub

Nondestructive_TypeScript.md · GitHub

Nondestructive_TypeScript.md 非破壊 TypeSctript mizchi / TypeScript Meetup 2 About mizchi / 竹馬光太郎 フロントエンドと Node.js 株式会社プレイド 2019/7~ Frontend Ops 周り DOM 差分監視して色々 はじめに Modern JS ≒ TypeScript の時代になった なので型を書け これまでの(歴史の)あらすじ! 「Java の静的...

はてなブックマーク - Nondestructive_TypeScript.md · GitHub はてなブックマークに追加

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く – Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita

フロントエンドに興味があって、Vueをやってみたい...!という人、きっと多いかと思います。(きっと、きっとね) ただ、どうやってVueを勉強し始めればいいのかわからない、という人もまた多いはず。Javascript自体あんまり触ったことないし...って人もいると思います。 そこで、これからVueを新たに勉強する人向けに、...

はてなブックマーク - これからVueを勉強しようと思っている人への道しるべ(勉強方法)を書く - Qiita はてなブックマークに追加