はてなブックマーク

この記事のターゲット Webpackってよく聞く TypeScriptが良いっていろんなところで言ってる バニラJSはある程度わかる Webpackとは 誤解を恐れずに言えば複数のファイルを一つにまとめるツール。 これによって管理しやすい形に分割されたJSファイルやCSSファイルをリリース時には一つにまとめてローディングの負荷を下げることができる。 また、後述のTypeScriptをファイルをまとめるついでにJavascriptにトランスパイルすることもできる。 https://webpack.js.org/ こちらが詳しいです。 【５分でなんとなく理解！】Webpack入門 TypeScriptとは Javascriptに型の概念を追加するJavascript拡張。 これによってエディターが静的に構文解析して事前にエラーを検知してくれる。 また、他人が作った関数やclassも型の情報を表

本記事は以下に引っ越しました。 今後Qiita上での更新はありません。 https://zenn.dev/ririli47/articles/a461cf7fb9ec1b1ddf4c この記事のターゲット ・静的サイト作りたいけどサーバーとかどうしよう ・GitHubで作れるらしいけどどうやるんだろう GitHub Pagesって？ GitHubが提供している静的サイトのホスティングサービス。 HTML,CSS,JSを利用した静的サイトを簡単に公開することができる。 大きく分けてユーザーサイトとプロジェクトサイトの二つがある。 当然GitHubアカウントが必要。 ユーザーサイトの作り方 非常に簡単で、「username.github.io」という名前のリポジトリを作るだけ。（usernameは自分のgithubアカウント名） このリポジトリに配置したファイルがweb上に公開される。 適当に

この記事のターゲット ・処理の流れを整理するためにシーケンス図が描きたい ・PowerPointやExcelは死んでもごめん ・エディターにはAtomを使っている mermaidって何よ 正確にはmermaid.js。JavaScriptのチャート作成ライブラリのこと。フローチャートからシーケンス図まで作れる優れもの。 https://mermaidjs.github.io 本来はブラウザで利用するものですが、個人的にAtomエディター上で描きたいところ。 偉大すぎる先人 同じことを考える人がすでにいて、Atom用のパッケージを作成してくださっていました。 感謝の意を込めていいねして利用させていただきました。 MermaidのプレビューができるAtomパッケージを作った https://atom.io/packages/atom-mermaid 利用方法 Atomでatom-mermaid