既存プロダクトに最小構成でTypeScriptを導入する - RAKSUL TechBlog
こんにちは。 印刷のラクスルでフロントエンドを担当している菅野です。 現在、稼動中のとあるプロダクトへのTypeScript導入を進めています。今回は、既存プロダクトへの影響を最小限に留めつつTypeScriptを導入する手順をご紹介します。 TypeScriptとは TypeScript - JavaScript that scales. TypeScriptは、Microsoftが開発したオープンソースのプログラミング言語です。 詳細な説明は省きますが、以下のような特徴があります。 JavaScriptの厳密なスーパーセット(≒上位互換) 省略可能な型システム クラスベースのオブジェクト指向 TypeScript導入にあたって 今回TypeScriptを導入することで、以下のようなメリットがあります。 型システムの恩恵が得られる エディタの入力補完を受けられる コード=ドキュメントとい
メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術 | メルカリエンジニアリング
こんにちは、メルカリでフロントエンドエンジニアをしている @karszawa です。 本日はメルカリアドベントカレンダー2019の21日目の記事として「メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術」というニッチ（？）な題目の話をさせていただきます。 メルカリアプリでは「取引画面」を代表として、意外と多くの場所で WebView が使われています。 WebView 向けの Web アプリケーション開発は動作環境が特殊で外部依存の多いという点で普通の Web アプリケーション開発よりややこしいです。たとえば、普通の Web アプリケーションはあるアプリが独自に定義した API（ネイティブ API）を呼ぶことはありません。この記事ではそういった難しさを持ったアプリケーションを開発する上で重要な モックの話 をします。 本番環境と開発環境のアプリケーションが参照
Next.js 9からTypeScriptの利用方法が変わるのでまとめてみた - mottox2 blog
ZEIT社が開発しているReact製のフレームワークNext.jsですが、現在v.8.1.1のカナリー版がリリースされています。 v.9では様々な変更が入っていますが、個人的に注目しているのはTypeScriptが標準で利用可能になった点です。そこで備忘録を兼ねて型の書き方を整理してみました。 カナリー版の段階で書いた記事を更新しました。 > Next.js 8からの変更点Next.js 8からの変更点 TypeScriptを利用するためにwebpackの設定を行う@zeit/next-typescript パッケージが不要になりました。 このパッケージはnext.config.js内で利用しwebpackとbabelの設定を弄る役割を担っていました。内部にビルドインになりました。 型定義は@types/nextのものを使っていましたが、next.jsの本体側で型定義を持つようになりました
Babelとwebpack入門
概要 Babelやらwebpack。 なんとなく理解はしているものの、 環境構築の際には、毎度他の記事を参考にして乗り切っていました。 しかし、公式を見ればさらっと構築できるレベルには知識が欲しくなり、 基礎を記事にまとめました。 公式の英文が辛い方はぜひ、最初の一歩にしてみてください。 とは 公式より Babel is a JavaScript compiler. JavaScriptのコンパイラ。 次世代のJSの記載を古いものに変換して、最新のコードを書きつつも、 様々なブラウザで動くようにできる。 babel-core Babelのコアなんでしょう。 これだけだと特に何もしてくれない。 babel-polyfill コンパイラが頑張っても、補いきれない機能(Promiseとか)をポリフィルで足す。 babel-cli 名前からわかりそうですが、babelコマンドを使えるようにしてくれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
