tech_memo / Javascript

tech_memo

便利ツール †

TogetherJS †

• 概要
  • リアルタイム画面共有ができる
• 公式サイト
  • https://togetherjs.com/#tryitout-section
• 基本的な使い方
  • https://paiza.hatenablog.com/entry/2017/03/17/%E3%82%8F%E3%81%9A%E3%81%8B1%E8%A1%8C%E3%81%AEJavaScript%E3%81%A7Web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E3%82%B3%E3%83%A9%E3%83%9C%E3%83%AC%E3%83%BC

Simpla †

• 概要
  • WebサイトをCMSっぽくできる（Webページ上でコンテンツの編集ができる）
• 公式サイト
  • https://www.simplajs.org/
• 基本的な使い方
  • https://paiza.hatenablog.com/entry/2017/02/08/%E3%82%8F%E3%81%9A%E3%81%8B1%E8%A1%8C%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89%E8%BF%BD%E5%8A%A0%E3%81%A7%E3%80%81%E3%81%A9%E3%82%93%E3%81%AAWeb%E3%82%B5%E3%82%A4%E3%83%88%E3%82%82CMS%E3%81%A3%E3%81%BD

jKanban †

• 概要
  • Trello風タスク管理ボードを開発できる
• 公式サイト
  • http://www.riccardotartaglia.it/jkanban/
• 基本的な使い方
  • https://paiza.hatenablog.com/entry/2018/04/19/JavaScript%E3%81%A0%E3%81%91%E3%81%A7Trello%E9%A2%A8%E3%82%BF%E3%82%B9%E3%82%AF%E7%AE%A1%E7%90%86%E3%83%9C%E3%83%BC%E3%83%89%E3%82%92%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%A9%E3%82%A4

パッケージ管理 †

• 参考 : https://qiita.com/megane42/items/2ab6ffd866c3f2fda066
  • すごく分かりやすい

npm †

• node.jsの管理ツール
• node.jsとは￥？
  • Javascriptをブラウザではなく、サーバサイドで実行できるように汎用言語化したもの。

オフラインインストール †

• 参考
  • https://qiita.com/yamagu09/items/aa90855d57e6dbf71f8a
  • http://www.usagi1975.com/25jun150458/
• オンライン環境でnpmboxというツールで依存PKGごとアーカイブ化して、それをオフラインに持っていきインストールするという方法がある

bower †

• node.jsに対して、クライアントサイド側のパッケージ(JQueryなど)管理ツール
• bower自体はnode.jsで実装されているので、npmをインストールしていないと利用できない

browserify †

• node.jsスタイルで書いたコードをクライアントサイドで動くようにコンパイルするツール