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

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ – Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界で...

はてなブックマーク - 2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita はてなブックマークに追加

トップデベロッパーになるために作成したいアプリ8選 – Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなた...

はてなブックマーク - トップデベロッパーになるために作成したいアプリ8選 - Qiita はてなブックマークに追加

トップデベロッパーになるために作成したいアプリ8選 – Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなた...

はてなブックマーク - トップデベロッパーになるために作成したいアプリ8選 - Qiita はてなブックマークに追加

githubで最もやべー関数を発掘する – Qiita

githubで最もやべー関数を発掘する - Qiita

githubで最もやべー関数を発掘する - Qiita

はじめに 先日、職場で「自分が 改修したor 書いちゃった いちばんやべー関数」ネタで盛り上がりました。 みんないろいろ話してくれましたが、やっぱり僕の書いた「コマンドパターンのメインループ関数(1500行)」の圧勝でした。 なんであんなコード書いたんだろ。 そこで、今日は僕の傷ついたプライド癒すべくgithubから...

はてなブックマーク - githubで最もやべー関数を発掘する - Qiita はてなブックマークに追加

モダンJavaScript再入門 / Re-introduction to Modern JavaScript – Speaker Deck

モダンJavaScript再入門 / Re-introduction to Modern JavaScript - Speaker Deck

モダンJavaScript再入門 / Re-introduction to Modern JavaScript - Speaker Deck

FRONTEND CONFERENCE 2019の登壇資料です。 https://2019.kfug.jp/session/onoueyosuke Webサイト・Webアプリ制作への高まる要求に耐えられるようにJavaScriptは進化を続けてきました。特にこの約5年間で、JavaScriptはモダンなプログラミング言語へと大きな進化を遂げ、開発効率は劇的に高まりました。一方で、古いまま...

はてなブックマーク - モダンJavaScript再入門 / Re-introduction to Modern JavaScript - Speaker Deck はてなブックマークに追加

JavaScriptの配列操作に役立つ13のヒントとトリック – Qiita

JavaScriptの配列操作に役立つ13のヒントとトリック - Qiita

JavaScriptの配列操作に役立つ13のヒントとトリック - Qiita

以下はDuomly ( Webサイト / Twitter )による記事、13 useful JavaScript array tips and tricks you should knowの日本語訳です。 Duomlyはプログラミング学習コースを提供しているWebサイトです。 ただランディングページにたいしたことが書いてないので、詳細はよくわかりません。 ここはもう少し書いておいてほしい...

はてなブックマーク - JavaScriptの配列操作に役立つ13のヒントとトリック - Qiita はてなブックマークに追加

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス

ここ数年、PWA(プログレッシブウェブアプリ)が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by...

はてなブックマーク - WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性 | コリス はてなブックマークに追加

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下...

はてなブックマーク - ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス はてなブックマークに追加

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 – Engadget 日本版

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版

Googleは10月8日(現地時間)、初心者がプログラムの基礎を学習するためのサービス「Grasshopper」が、Webベースのアプリとしてデスクトップからも利用可能になったと発表しました。 Grasshopperは、Googleの社内インキュベーターArea120から誕生したサービスで、これまではAndroidとiOS向けのアプリのみが提供されてい...

はてなブックマーク - Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版 はてなブックマークに追加

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 – Engadget 日本版

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版

Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版

Googleは10月8日(現地時間)、初心者がプログラムの基礎を学習するためのサービス「Grasshopper」が、Webベースのアプリとしてデスクトップからも利用可能になったと発表しました。 Grasshopperは、Googleの社内インキュベーターArea120から誕生したサービスで、これまではAndroidとiOS向けのアプリのみが提供されてい...

はてなブックマーク - Googleのプログラム学習ツールがPCでも。「Grasshopper」のWebアプリ版公開 - Engadget 日本版 はてなブックマークに追加

10分でわかる「今更だけどTypeScriptってなに?」 – Qiita

10分でわかる「今更だけどTypeScriptってなに?」 - Qiita

10分でわかる「今更だけどTypeScriptってなに?」 - Qiita

2年ぶりくらいに業務で TypeScript をやることになったので、個人的なおさらい用です。 TypeScript とは JavaScript は現在 Web アプリケーションの開発で最も使われているものの、JavaScript 独特の癖や、型の認識が緩いこと、ブラウザによって挙動に違いがあります。 それらを補うために altJS というアプローチがあり...

はてなブックマーク - 10分でわかる「今更だけどTypeScriptってなに?」 - Qiita はてなブックマークに追加

HTML5のLocal Storageを使ってはいけない(翻訳)

HTML5のLocal Storageを使ってはいけない(翻訳)

HTML5のLocal Storageを使ってはいけない(翻訳)

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 HTML5のLocal Storageを使ってはいけない(翻訳) 本気で申し上げます。local s...

はてなブックマーク - HTML5のLocal Storageを使ってはいけない(翻訳) はてなブックマークに追加

寝食削ってその世界にハマった。ちょまどさんが語る、プログラミングへの尽きせぬ「愛」とは – sight 次世代を生み出すテクノロジーの視点

寝食削ってその世界にハマった。ちょまどさんが語る、プログラミングへの尽きせぬ「愛」とは - sight 次世代を生み出すテクノロジーの視点

寝食削ってその世界にハマった。ちょまどさんが語る、プログラミングへの尽きせぬ「愛」とは - sight 次世代を生み出すテクノロジーの視点

マイクロソフトのクラウド・デベロッパー・アドボケイトとして活躍する「ちょまど」こと、千代田まどかさん。腐女子マンガ、オタク布教活動、プログラミングなど、好きな道にひたすらのめり込みながら積み上げてきた経験が、結果的に自分のキャリア形成に役立ったという。点と点をつないで大きな面にして、そこに自分の...

はてなブックマーク - 寝食削ってその世界にハマった。ちょまどさんが語る、プログラミングへの尽きせぬ「愛」とは - sight 次世代を生み出すテクノロジーの視点 はてなブックマークに追加

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

What is TypeScript and why you may want to use it? Learn more with this TypeScript tutorial for beginners and start adding types to your JavaScript code in minutes! TypeScript tutorial for beginners: who this guide is for The following guide is a TypeScript tutorial for JavaScript developers inte...

はてなブックマーク - TypeScript Tutorial for Beginners: The Missing Guide (2019) はてなブックマークに追加

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

What is TypeScript and why you may want to use it? Learn more with this TypeScript tutorial for beginners and start adding types to your JavaScript code in minutes! TypeScript tutorial for beginners: who this guide is for The following guide is a TypeScript tutorial for JavaScript developers inte...

はてなブックマーク - TypeScript Tutorial for Beginners: The Missing Guide (2019) はてなブックマークに追加

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

TypeScript Tutorial for Beginners: The Missing Guide (2019)

What is TypeScript and why you may want to use it? Learn more with this TypeScript tutorial for beginners and start adding types to your JavaScript code in minutes! TypeScript tutorial for beginners: who this guide is for The following guide is a TypeScript tutorial for JavaScript developers inte...

はてなブックマーク - TypeScript Tutorial for Beginners: The Missing Guide (2019) はてなブックマークに追加

CSSファイルから未使用のスタイルを削除する方法 | コリス

CSSファイルから未使用のスタイルを削除する方法 | コリス

CSSファイルから未使用のスタイルを削除する方法 | コリス

PurgeCSSを使用して、CSSファイルからWebページやアプリで未使用のスタイルを削除する方法を紹介します。 特にCSSフレームワークやライブラリを使用している時は、すべてのスタイルを使うことはないと思うので、劇的な効果があります。 How to Remove Unused CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻...

はてなブックマーク - CSSファイルから未使用のスタイルを削除する方法 | コリス はてなブックマークに追加

CSSファイルから未使用のスタイルを削除する方法 | コリス

CSSファイルから未使用のスタイルを削除する方法 | コリス

CSSファイルから未使用のスタイルを削除する方法 | コリス

PurgeCSSを使用して、CSSファイルからWebページやアプリで未使用のスタイルを削除する方法を紹介します。 特にCSSフレームワークやライブラリを使用している時は、すべてのスタイルを使うことはないと思うので、劇的な効果があります。 How to Remove Unused CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻...

はてなブックマーク - CSSファイルから未使用のスタイルを削除する方法 | コリス はてなブックマークに追加

フロントエンドエンジニア御用達の MDN web docs を網羅した – Qiita

フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita

フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita

このリストは何? MDN web docs を、あたかも書籍の目次のように整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要なったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃...

はてなブックマーク - フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita はてなブックマークに追加

2020年以降のプログラミング技術のトレンド予想 – Qiita

2020年以降のプログラミング技術のトレンド予想 - Qiita

2020年以降のプログラミング技術のトレンド予想 - Qiita

こちらの記事は、2019年7月に公開された『 2020 and Beyond Programming Trend Predictions 』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 著者のTwitterアカウントはhttps://twitter.com/lasnindrekです。 はじめに サファー・サファロフ がUnsplashに投稿した画像 2020年は、もうすぐそこです...

はてなブックマーク - 2020年以降のプログラミング技術のトレンド予想 - Qiita はてなブックマークに追加

昨今のJavaScriptをレビューしたら全くわからなかった話 – aoma blog

昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog

昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog

はじめに 最近JavaScriptのプルリクが来たので「よーしやったるでー」って感じでレビューしたんですが、まったく理解できずレビューになりませんでした。 その時疑問に思ったことをメモします。。 誰かの助けになれば幸いです。。 これはもう引退やな。。 classの中で function って書くの省略してるの? class TestClas...

はてなブックマーク - 昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog はてなブックマークに追加

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで – Feedforce Developer Blog

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

id:daido1976 です。入社してからあっという間に1年が経っていました。 直近3ヶ月ほどプライベートでフロントエンド開発の勉強をしていたのですが、ここ数年で CSS の Grid や React の Hooks が新しく導入されたことなどもあり、少し古いコンテンツだと教材として役立たない1 と感じることが多かったので、本記事では私...

はてなブックマーク - 【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog はてなブックマークに追加

最近流行りのWebスキミングについて調べてみた – SSTエンジニアブログ

最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ

最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ

こんにちは!もう新卒エンジニアとは言えなくなった西尾です!(社会人2年目) 最近、世界的に流行っているWebスキミングについて調べていたのですが、意外と日本語の情報が少なかったので、今回はWebスキミングについて調べた内容をブログにまとめてみました。 Webスキミングとは 2種類の攻撃手法(+1おまけ) 標的型攻...

はてなブックマーク - 最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ はてなブックマークに追加

最近流行りのWebスキミングについて調べてみた – SSTエンジニアブログ

最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ

最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ

こんにちは!もう新卒エンジニアとは言えなくなった西尾です!(社会人2年目) 最近、世界的に流行っているWebスキミングについて調べていたのですが、意外と日本語の情報が少なかったので、今回はWebスキミングについて調べた内容をブログにまとめてみました。 Webスキミングとは 2種類の攻撃手法(+1おまけ) 標的型攻...

はてなブックマーク - 最近流行りのWebスキミングについて調べてみた - SSTエンジニアブログ はてなブックマークに追加

Reactを使ったモダンなフロントエンド開発の環境構築 – Qiita

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライ...

はてなブックマーク - Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita はてなブックマークに追加

GitHub – goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)

GitHub - goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)

GitHub - goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)

Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)

はてなブックマーク - GitHub - goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019) はてなブックマークに追加