これまであまりGoogle Colabを使ってこなかった。理由としては、Google Driveとの連携が必須と勘違いしており、事前学習したモデルなど保存できないじゃないか、と思っていたため。友人などから、一時保管の容量があるということを聞き、試してみることにし…

MPEG-DASHやHLS、WebVTTやIMSCなど、ストリーミングや字幕に関する内容を調べつつ記録に残していこうかなと思っている。せっかくなので、先日確認したGithub Pagesに公開しつつ、動きも確認できればと思っている。 今回は経験のあるdash.jsによる動画再生と…

恥ずかしながら、これまであまりDockerとは縁のない生活を送ってきた。ただ、せっかくなのでDockerも勉強したい。たとえば、mermaid.jsのLive EditorはDockerによりローカルで動作もするようで、まあネット上のをブラウザで開いてもいいものの、気持ち的に完…

まだ、mermaid.js関連くらいしか記事を作成していないが、今後はGitHubやDockerなどソフトウェア技術について勉強した内容を残していきたいと思っている。その中でHTMLやCSS、JavaScriptなども紹介していこうと考えている。せっかくならコードと一緒に、実際…

今回は、フリーで利用可能な描画ツールとして有名なDraw.io上でMermaid.jsを利用する方法を紹介する。Draw.io自体はWebアプリとしてブラウザでも利用可能だが、特にVSCodeでの拡張機能で利用する場合について詳しく紹介する。 VSCodeのDraw.io拡張機能につい…

前回の続きになる。今回は、VSCodeのMarkdownプレビュー機能を拡張できる、Markdown Preview Mermaid Supportを紹介する。 インストール 特に難しくないが、VSCodeの拡張機能からMarkdown Preview Mermaid Supportを探してインストールすればいい。 拡張機能…

今回は前回紹介した mermaid.js について、Visual Studio Code (以下、VSCode)で利用する際の拡張機能について紹介し、簡単に比較する。残念ながら、デフォルトでは VSCode は mermaid.js に対応していない。 比較表 拡張機能 補足 メリット デメリット vsco…

日常で図を書く機会は多いだろうか？PowerPointやDraw.io、人によってはvisioで図を書くケースもあるだろうか？正直、自分はレイアウトのセンスがないので、これらのツール上で自分の手を動かして図を書くのが嫌で嫌で仕方がない。 こういった時にはテキスト…