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

4歳娘「パパ、具体的な名前をつけないで?」 – Qiita

4歳娘「パパ、具体的な名前をつけないで?」 - Qiita

4歳娘「パパ、具体的な名前をつけないで?」 - Qiita

36歳ザコーダーの休日 ワイ「何やこのコード、全然動かへんやん」 ワイ「怖いな~怖いな~…なんか嫌だなあ~」 よめ太郎「(何で自分が書いたコード見て稲川淳二みたいに怯えとんねん・・・)」 よめ太郎「(そんな鳥肌立つようなクソコード書いてんのかいな・・・)」 娘(4歳)「ねぇ、パパ」 ワイ「なんや、娘ちゃん...

はてなブックマーク - 4歳娘「パパ、具体的な名前をつけないで?」 - 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 はてなブックマークに追加

lodash やめ方 – Qiita

lodash やめ方 - Qiita

lodash やめ方 - Qiita

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

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

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 – Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 こんにちはお久しぶりです。岡部和昌(@kzms2)と申します。 今回お話しする内容はタイトルでほぼ全部述べているのですが、PC 版 Yahoo! JAPAN のトップページを 2019 年 10 月 1 日に刷新、主に開発環境をアップデートした経...

はてなブックマーク - Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog はてなブックマークに追加

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 – ITnews

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

react-admin-template https://github.com/delprzemo/react-admin-template react-admin-templateの特徴 「react-admin-template」は、以下で構成されたオープンソースの管理画面です。巨大なリファクタリング/クリーニングを回避するため、コア機能のみ提供するコンセプトになっています。 ・React ・jQueryなし ・Type...

はてなブックマーク - React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews はてなブックマークに追加

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

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

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

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

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

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

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 – Bonfire Frontend #4 レポート – Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太(@three4c)です。9月3日(火)にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました! このイベント...

はてなブックマーク - 最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog はてなブックマークに追加

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 – Bonfire Frontend #4 レポート – Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太(@three4c)です。9月3日(火)にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました! このイベント...

はてなブックマーク - 最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog はてなブックマークに追加

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

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

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

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

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

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

React Hooks + Redux Hooks + TypeScript で SPA を構築する – 30歳からのプログラミング

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

タイトルに書いた組み合わせで SPA を作るときにどのような設計にするのか、現時点での考えを記録しておく。 チュートリアルの次の一歩というか、現実的なアプリを構築する際の基本となる考え方。 状態管理とどう向き合うかが、主要なテーマになっている。 サンプルアプリ 具体的なコードがないと話を進められないので、...

はてなブックマーク - React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング はてなブックマークに追加

2019年前半の「JavaScriptをちゃんとやるための地図」

2019年前半の「JavaScriptをちゃんとやるための地図」

2019年前半の「JavaScriptをちゃんとやるための地図」

こんにちは、hachi8833です。BPS社内勉強会の発表を元に、社内JavaScript勢の皆さまのお力を得て記事を書きました。 目的 JavaScriptをたまにしか使わない私ですが、それもあってなおさら書くときに迷いに迷います。 ネットの情報多すぎ、動き激しすぎ、選り分けるにしても指針が欲しい 古いコードや毒入りコードを拾っ...

はてなブックマーク - 2019年前半の「JavaScriptをちゃんとやるための地図」 はてなブックマークに追加

TypeScript教育用コンテンツ公開のお知らせ | Future Tech Blog – フューチャーアーキテクト

TypeScript教育用コンテンツ公開のお知らせ | Future Tech Blog - フューチャーアーキテクト

TypeScript教育用コンテンツ公開のお知らせ | Future Tech Blog - フューチャーアーキテクト

2019年頭より少しずつ書いていたTypeScriptの教育コンテンツをクリエイティブ・コモンズ4.0の表示 - 継承 (CC BY-SA 4.0)で公開します。といっても完成版ではなく、アーリーアクセス版のような品質であることをご了承ください。 仕事ですぐに使えるTypeScript Web版に加えてPDF版もダウンロード可能です。 そもそもこ...

はてなブックマーク - TypeScript教育用コンテンツ公開のお知らせ | Future Tech Blog - フューチャーアーキテクト はてなブックマークに追加

仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント

仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント

仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント

注釈 本ドキュメントは、まだ未完成ですが、ウェブフロントエンドの開発を学ぶときに、JavaScriptを経由せずに、最初からTypeScriptで学んでいく社内向けコンテンツとして作成されはじめました。基本の文法部分以外はまだ執筆されていない章もいくつもあります。書かれている章もまだまだ内容が追加される可能性がありま...

はてなブックマーク - 仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント はてなブックマークに追加

実践TypeScript  – 内容のご紹介 -|Takepepe|note

実践TypeScript  - 内容のご紹介 -|Takepepe|note

実践TypeScript  - 内容のご紹介 -|Takepepe|note

ここ最近、TypeScript の盛り上がりが本当にすごいですね。私ごとながら、昨年末からずっと書き続けていた TypeScript の技術書が、ようやく本日校了しました。Twitter で告知をしたところ、想像以上に反響があり驚いています。あれだけ高価な本、予約するには情報が不十分です。「買ってみたが期待はずれだった」という...

はてなブックマーク - 実践TypeScript  - 内容のご紹介 -|Takepepe|note はてなブックマークに追加

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 – ZOZO Technologies TECH BLOG

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG

Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG

こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅...

はてなブックマーク - Vue.js+Vuex+TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO Technologies TECH BLOG はてなブックマークに追加

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ – Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

まず初めに phina.jsだけで完結できるところを、 あえて Nuxt.jsをかぶせて作ってます。 できたクリッカーゲームがこちら↓ 鬼姫無双-ONIHIMEMUSO- 最終的に使ったモノ ゲームライブラリ:phina.js フレームワーク:Nuxt.js データ:Firebase「Cloud Firestore」 サーバー:Heroku CDN:Cloudinary WebPush:OneSignal ド...

はてなブックマーク - Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita はてなブックマークに追加

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ – Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita

まず初めに phina.jsだけで完結できるところを、 あえて Nuxt.jsをかぶせて作ってます。 できたクリッカーゲームがこちら↓ 鬼姫無双-ONIHIMEMUSO- 最終的に使ったモノ ゲームライブラリ:phina.js フレームワーク:Nuxt.js データ:Firebase「Cloud Firestore」 サーバー:Heroku CDN:Cloudinary WebPush:OneSignal ド...

はてなブックマーク - Nuxt.js + phina.js でブラウザゲーを作るためにやったことまとめ - Qiita はてなブックマークに追加

TypeScript + Vue.jsでのフロントエンド開発 – razokulover publog

TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いて...

はてなブックマーク - TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog はてなブックマークに追加

TypeScript再入門「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に(gfx執筆) – エンジニアHub|若手Webエンジニアのキャリアを考える!

TypeScript再入門「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に(gfx執筆) - エンジニアHub|若手Webエンジニアのキャリアを考える!

TypeScript再入門「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に(gfx執筆) - エンジニアHub|若手Webエンジニアのキャリアを考える!

TypeScriptは、すべてのJavaScriptプロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやす...

はてなブックマーク - TypeScript再入門「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に(gfx執筆) - エンジニアHub|若手Webエンジニアのキャリアを考える! はてなブックマークに追加

@typescript-eslint ことはじめ – teppeis blog

@typescript-eslint ことはじめ - teppeis blog

@typescript-eslint ことはじめ - teppeis blog

JavaScript用のlinterはESLintが絶対的な地位を確立している一方で、TypeScript用はTSLintがメジャーではあるものの、ドキュメントがひどい、recommendedがopinionatedすぎる、OSSとしてのガバナンスがアレなど微妙な状況だった(ESLintチームのレベルが高すぎるので比べるのは酷だけど)。 そんな中、先月ESLintチーム...

はてなブックマーク - @typescript-eslint ことはじめ - teppeis blog はてなブックマークに追加

@typescript-eslint ことはじめ – teppeis blog

@typescript-eslint ことはじめ - teppeis blog

@typescript-eslint ことはじめ - teppeis blog

JavaScript用のlinterはESLintが絶対的な地位を確立している一方で、TypeScript用はTSLintがメジャーではあるものの、ドキュメントがひどい、recommendedがopinionatedすぎる、OSSとしてのガバナンスがアレなど微妙な状況だった(ESLintチームのレベルが高すぎるので比べるのは酷だけど)。 そんな中、先月ESLintチーム...

はてなブックマーク - @typescript-eslint ことはじめ - teppeis blog はてなブックマークに追加

次世代の管理画面を作るフロントエンドの取り組み – BASE開発チームブログ

次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ

次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ

フロントエンドエンジニアの松原(@simezi9)です。BASEでは現在ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り...

はてなブックマーク - 次世代の管理画面を作るフロントエンドの取り組み - BASE開発チームブログ はてなブックマークに追加