mermaid.jsとは フローチャートやシーケンス図、ガントチャートなど様々なドキュメントをマークダウンの様な定められたフォーマット通りに記述することで、テキストベースで作図が出来るツールです。 今回はmermaid.jsを使ってリトルウィッチアカデミアの第一クールまでのあらすじをガントチャート風に作成してみました。単なるmermaid.jsの練習と備忘録、そしてリトアカの布教です。 mermaid.jsのインストール $... 御覧になる | 御シェアする
カテゴリー: JavaScript
Node.jsで家計簿アプリを作る
systemd service unit自作、ついでにラズパイで付箋アプリ作成
ExpressとVue.jsでSPAを作る~麻雀点数計算アプリ~
はじめに 今回は流行りのSPAを作ってみたいと思います。このページを読んでいるという事は恐らくSPAの概要はご存知かと思いますが、自分のためにも一応まとめていきます。詳しい方は読み飛ばしてください。 SPAとはSinglePageApplicationの略で、一ページ内で色々なことが可能なWebサービスのことです。SPAの良さはエンドユーザーのリクエスト回数を減らせる事です。最初の一回だけリクエストさせておいて、その後ユーザーはゲットしたコンテンツを切り換えるだけで済むので快適にWeb操作を行うことが出来ます。 今回は麻雀点数を行うページ、操作説明のページ、麻雀ルール解説のページをSPAでルーティングするサイトを作ってみたいと思います。 ※ネイティブアプリも作成してみました。無料ですのでインストールしてみて下さい。リンク 環境準備 Node.jsインストール #... 御覧になる | 御シェアする
Express/Node.jsとMongoDBで制作~付箋アプリ~
ラズパイをリモコンにしてSlackで家電操作~pm2で常駐~
Twitterのタイムラインから特定のツイートをSlackに通知する
JavaScriptの同期・非同期処理を理解理解する
【CloudWatch/Lambda/Slack/AWS CLI】を使ってEC2を監視・通知・停止する
Chrome拡張機能を作ってみた
はじめに 便利な機能が多いChromeブラウザの拡張機能ですが、自作出来る事をご存じでしょうか。公開するには料金(5$位)と審査が必要ですがローカルで利用する分には作り放題です。そしてChrome拡張は実は優れたフレームワークになっていて簡単に便利な拡張機能が作れたりします。今回は当サイトにアクセスした時のみアラートウィンドウが出る拡張機能を作ってみたいと思います。 必要な物 マニフェストファイルChromeに登録するのに必要実行スクリプトアラートウィンドウを出すJavaScriptアイコン画像128×128 今回必要な物は上記の物です。 開発 ディレクトリ構成は以下の通りです。分かりやすくするため全部同階層にしています。 $... 御覧になる | 御シェアする