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

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開発チームブログ はてなブックマークに追加

Deno公式にアニメロゴが採用されたことと、許容的なリーダーの話 – No Regrets in Bathing

Deno公式にアニメロゴが採用されたことと、許容的なリーダーの話 - No Regrets in Bathing

Deno公式にアニメロゴが採用されたことと、許容的なリーダーの話 - No Regrets in Bathing

Denoの公式homepageに、拙作のロゴアニメが採用されました!https://t.co/iQyox3QK5D Ryanへの質問回答のお礼として作ったものでしたが、公式に使いたいと言ってもらって感激でした pic.twitter.com/3qYho3bUaL— はっしゅろっく (@hashedrock) 2019年2月2日 この件についての経緯を書く。 先週、しゅうまいさんから「技...

はてなブックマーク - Deno公式にアニメロゴが採用されたことと、許容的なリーダーの話 - No Regrets in Bathing はてなブックマークに追加

Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript – My External Storage

Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage

Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage

claspというGoogle Apps Script(GAS)をローカルで開発するためのツールがある。claspを使うと、TypeScriptを使ったGASのコーディングも標準で行える。 今回はclaspを使って以下の要求を満たしながらGASの開発を行う際の設定をまとめる。 TypeScriptによる実装 Gitによる構成管理 Prettierによる自動フォーマット TSLint...

はてなブックマーク - Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage はてなブックマークに追加

なぜTypeScriptに失望してしまうのか – Islands in the byte stream

なぜTypeScriptに失望してしまうのか - Islands in the byte stream

なぜTypeScriptに失望してしまうのか - Islands in the byte stream

TypeScriptに対する失望は2パターンあって、その理由は理解できるのですが、いずれにせよそこでTypeScriptを使わないとか捨てるという判断をするのはもったいないと思っています。この2つの失望を乗り越えてもなお、TypeScriptには導入する価値があります。 パターン1: JavaScriptに対する失望 そこらのブログやTwitter...

はてなブックマーク - なぜTypeScriptに失望してしまうのか - Islands in the byte stream はてなブックマークに追加

Introduction – TypeScript Deep Dive 日本語版

Introduction - TypeScript Deep Dive 日本語版

Introduction - TypeScript Deep Dive 日本語版

TypeScriptを勉強する中でType Script Deep Diveを知りました。このドキュメントは、TypeScriptを使い始めた人たちのために書かれたものです。TypeScriptの仕様が分かりやすく、かつ詳細に説明されているため、初心者にとって非常に効果的なドキュメントだと思いました。しかし、英語で読むのは時間がかかります。そこで...

はてなブックマーク - Introduction - TypeScript Deep Dive 日本語版 はてなブックマークに追加

型チェックは TypeScript や Flow じゃなくて JavaScript にやらせる。 – Qiita

型チェックは TypeScript や Flow じゃなくて JavaScript にやらせる。 - Qiita

型チェックは TypeScript や Flow じゃなくて JavaScript にやらせる。 - Qiita

開発効率のために型チェックを望む JavaScript が動的型言語なので、静的型言語にしてしまえば開発効率があがる、というアイデアがあって、それは確かなことかとも思います。プログラムを書いていて、ある変数の型がよくわからなければ正確な処理を行わせるのって、難しいですよね。 確かに開発効率、あがると思います。...

はてなブックマーク - 型チェックは TypeScript や Flow じゃなくて JavaScript にやらせる。 - Qiita はてなブックマークに追加

Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 – Qiita

Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita

Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita

※ この記事は気合を入れすぎてアドベントカレンダーの担当日を超過しそうになったため、後日追記予定とした項目がいくつかあります。 基本的には抑えるべきポイントは全て書いてありますが、サンプルコードを今後追加予定のため、 こちら のレポジトリをウォッチしておくことをオススメします。 Vue.js Advent Calendar ...

はてなブックマーク - Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita はてなブックマークに追加