React, TypescriptでChrome Extensionを開発する(ホットリロード対応) - ハイパーマッスルエンジニア
死ぬほど参考にさせていただいたサイト 基本的には下記のサイトを参考に進めればいけます。(最高の記事ありがとうございます、大感謝祭) code-log.hatenablog.com 本記事では上記で紹介されていたホットリロードがエラーで動かなかったため、別の方法でホットリロードできたので紹介したい。 環境 typescript 4.3.2 webpack 5.38.1 node 15.13.0 yarn 1.22.10 最終形 先に最終形を載せておく。 github.com content_scriptsのみ対応としたため、かなりミニマムになっている。 ディレクトリ構造 . ├── dist │ ├── background.js │ ├── main.js │ └── manifest.json ├── manifest.json ├── package.json ├── sr
いかにしてJavaScriptを教えるか - mizchi's blog
経緯 ドワンゴ様から恵贈頂いた。 高校生からはじめる プログラミング 作者: 吉村総一郎出版社/メーカー: KADOKAWA発売日: 2017/04/14メディア: 単行本この商品を含むブログを見る …読んでみたけど、HTML/CSS/JS の初歩的な部分を、初学者にやらせるとこうなる、という素朴な世界観で、CSSフレームワークもJSライブラリも出てこない。いや、出せと言ってるわけじゃない。理解せずにフレームワークを使う習慣がつくと、スクリプトキディ的な振る舞いによっていくし、教える側としても、変数が大きくなってコントロールできないのが問題だろう。 じゃあ基礎を抑えたとして、この先どう教えるといいんだろうな、というのは、たしかに自分も前から考えてはいて、それを書いてみる。 この文章のターゲット JavaScriptを教える人、またはポインタがあれば自学できる中級者以上 追記: すべての初学
webpack & Typescript
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript, in this guide we will learn how to integrate Typescript with webpack. Basic Setup In order to get started with webpack and Typescript, first we must install webpack in our project. If you didn't do so already please check out webpack installation guide . To start using webpack with Typescript you need a couple of thing
TypeScript でフロントエンドを実装する - Syati.info
型が恋しいのです。仮引数見た時に、何が入るか簡単に知りたいのです。実引数の型が違った時には教えてほしいのです。そんなこんなで、TypeScript がお気に入りです。 今回は、どうやってフロントエンドで TypeScript を利用するか記していこうと思います。本記事のコードは以下のURLにあります。 https://github.com/Syati/typescript-sample/tree/0cdd35bc90b3222d2b292bf63fdddeb009b77b52/webpack Step 0: 事前準備 以下のコマンドを使用するのでグローバルにインストールしておく。 Package managers npm: プロジェクトで利用するライブラリをインストールするために利用する。 tsd: プロジェクトで利用するライブラリの定義ファイルをインストールするために利用する。 npm
Revised Revised 型の国のTypeScript | Revised Revised TypeScript in Definitelyland
Revised Revised 型の国のTypeScript 本書について 本書はJavaScriptにコンパイル可能な言語のTypeScriptについて解説した本です。TypeScriptの基本的な知識（型の使い方）やコンパイラのオプション、型定義ファイルの作り方やエコシステムについて解説します。 対象読者は新しめのJavaScript、いわゆるECMAScript 2015とそれ以降*1について理解しているユーザです。Node.js環境やnpmの使い方、OOP (Object Oriented Programming)の効能や利点をある程度理解していることが望ましいです。 本書に登場するすべてのサンプルコードは次のTypeScriptコンパイラでコンパイルできることを確認しています。 Version 2.4.2 本書はC87、C90で頒布した『型の国のTypeScript』の改訂（C9
必要なものは作っちゃえ！Chromeの拡張機能をAngular 2で書いてみた
ブラウザーに必要な機能を追加できる、Google Chromeの機能拡張（エクステンション）。でもちょっとほしいものがないんだよな……。そんなときは、自分で作ってみては？ Angular 2とTypeScriptで書く、モダンな機能拡張の作り方。 本記事はPanayiotis Velisarakos、Tim Severien、Dan Princeが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 Chrome拡張機能は、グーグルChromeブラウザーに機能を追加できるちょっとしたWebアプリです。ブラウザーの動作や開発ツール、新規タブページを拡張し、カスタマイズできるようになります。拡張機能のダウンロードはChrome Web Storeからできます。 記事では、WebサイトのURLを保存して新規タブで表示するChro
ES6の前にES5のベストプラクティスを改めて考えたい - saneyuki_s log
歴史認識 だいたい以下のような流れだと認識している。 IE8以前を含むECMAScript 3暗黒時代があった この時代をベースにベストプラクティスが構築 + HTML5ブームが発生した 暗黒時代なんで結構つらいし、IE9じゃないとECMAScript 5使えないし、結局辛い CoffeeScriptを筆頭としたaltJS一派に救いを求めた（結局Coffeeは一過性のカフェインだったわけだけど） 気がついたらECMAScript 6が来そうになっていた ES6でのsyntaxの拡張・標準ライブラリの増強はカッコいい 気がついたらES5当たり前、ES6も使えそうな世界が来そうになっていた（希望的観測が多分に含まれているのは暗黙の了解と化している） ES6、altJSの次のナウい世界として注目を集める だいたいこんな感じで、ECMAScript 5を用いたベストプラクティス的な物が存在しない、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
欢迎光临-HB