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

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

TypeScriptを導入する前に考慮したほうが良いこと 4項目 – タオルケット体操

TypeScriptを導入する前に考慮したほうが良いこと 4項目 - タオルケット体操

TypeScriptを導入する前に考慮したほうが良いこと 4項目 - タオルケット体操

こちらは株式会社LOBの2018年アドベンドカレンダーの内容としてお送りしてます。 前回はLOBのCTOによる 大規模プロジェクトの管理画面を育てるために TypeScript + React を選んだ理由 でした。 フロントエンドの技術選定に関わる話題、ということで僕からは「なんかいまTypeScriptめっちゃ流行ってるらしいけど導入して...

はてなブックマーク - TypeScriptを導入する前に考慮したほうが良いこと 4項目 - タオルケット体操 はてなブックマークに追加

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

概要 最近,ASCII Dwangoさんから「クリーンアーキテクチャ」という本が出版されました. そこに書いてある内容は素晴らしいものでした.しかし,実際に組んでみた場合,どういう風に作るのが良いのか?どういう問題があるのか?そういった疑問が湧いてきました.そこで, 実際に非クリーンアーキテクチャのコードをリフ...

はてなブックマーク - リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ はてなブックマークに追加

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

概要 最近,ASCII Dwangoさんから「クリーンアーキテクチャ」という本が出版されました. そこに書いてある内容は素晴らしいものでした.しかし,実際に組んでみた場合,どういう風に作るのが良いのか?どういう問題があるのか?そういった疑問が湧いてきました.そこで, 実際に非クリーンアーキテクチャのコードをリフ...

はてなブックマーク - リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ はてなブックマークに追加

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ

概要 最近,ASCII Dwangoさんから「クリーンアーキテクチャ」という本が出版されました. そこに書いてある内容は素晴らしいものでした.しかし,実際に組んでみた場合,どういう風に作るのが良いのか?どういう問題があるのか?そういった疑問が湧いてきました.そこで, 実際に非クリーンアーキテクチャのコードをリフ...

はてなブックマーク - リファクタリングして学ぶTypeScriptでクリーンアーキテクチャ はてなブックマークに追加

社内管理画面を Vue + Go で作る – Gunosy Tech Blog

社内管理画面を Vue + Go で作る - Gunosy Tech Blog

社内管理画面を Vue + Go で作る - Gunosy Tech Blog

広告技術部のUTと呼ばれている @mocyuto です。 普段は広告配信のバックエンドを主に担当しています。 今回は社内管理画面を作った話をお伝えしたいと思います。 はじめに 設計 バックエンド goa 構成 フロントエンド 構成 TypeScript Vuex Atomic Design まとめ はじめに Gunosyの管理画面ではRailsが多いですが、社内...

はてなブックマーク - 社内管理画面を Vue + Go で作る - Gunosy Tech Blog はてなブックマークに追加

TypeScript入門以前ガイド – mizchi’s blog

TypeScript入門以前ガイド - mizchi's blog

TypeScript入門以前ガイド - mizchi's blog

某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 自分が React/Redux などの講習でいろいろやってみた...

はてなブックマーク - TypeScript入門以前ガイド - mizchi's blog はてなブックマークに追加

TypeScript入門以前ガイド – mizchi’s blog

TypeScript入門以前ガイド - mizchi's blog

TypeScript入門以前ガイド - mizchi's blog

某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 自分が React/Redux などの講習でいろいろやってみた...

はてなブックマーク - TypeScript入門以前ガイド - mizchi's blog はてなブックマークに追加

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構...

はてなブックマーク - 2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips はてなブックマークに追加

Google Apps ScriptsでTypescriptが超簡単に使えるようになった! – アクトインディ開発者ブログ

Google Apps ScriptsでTypescriptが超簡単に使えるようになった! - アクトインディ開発者ブログ

Google Apps ScriptsでTypescriptが超簡単に使えるようになった! - アクトインディ開発者ブログ

morishitaです。 Cloud Functions と並ぶ(?)Google のサーバレスな JavaScript 実行環境といえば Google Apps Scripts(GAS)です。 GAS ってあの Excel で言う VB スクリプト環境のようなものでしょう? と思ったあなた! このエントリでその認識が変わると思います。 以前は使いやすいとは言い難かったGASですが、最...

はてなブックマーク - Google Apps ScriptsでTypescriptが超簡単に使えるようになった! - アクトインディ開発者ブログ はてなブックマークに追加