【Product】VSCodeで理想的なTOCを作成する【Manualized TOC】
Intro
今回は、以前作成したVSCode拡張機能「Manualized TOC」を紹介しよう。
結構便利なはず……！
TL; DR
- VSCodeの拡張機能「Manualized TOC」を紹介する
- 以前のバグ修正とリファクタリングを行った
- ぜひ使ってみてFeedbackをもらえると嬉しい
【Hexo】理想的なDetails/Summaryタグ【アコーディオンメニュー】
Intro
長い説明と記事の見栄えを両立したい……detailsで折りたたもう！
TL; DR
details/summaryタグを使ったアコーディオンメニューをHexoの記事に導入する方法を説明する。
さらに、アコーディオンメニューの見た目を整えるためにCSSとjsをカスタマイズし、summaryを追従させる方法を説明する。
PJ概ね完了報告: VSCode ExtensionでSNSに投稿する
Intro
前回の記事から3日程度で実は当初の目的は果たせた。
今回はその報告とKPTを行う。
TL; DR
- VSCodeの拡張機能を作成し、Misskeyに投稿できるようにした
- 一部の機能が未実装であるが、短期間で基本的な機能は実装できた
- 今後の課題として、SNSの選定基準やユーザー体験の向上、技術的な課題の解決、自動テストの導入を挙げる
GitHubCopilot-with-VSSubscription
Intro
会社のサポート内でGitHub Copilotを使おう。
これはあまりに大きな文明の転換点だ。
TL; DR
VSS (Visual Studio Subscription)を利用してGitHub Copilotを導入する方法を紹介する。
PJ開始: VSCode ExtensionでSNSに投稿する
Intro
技術的な気付きやコメントを、今までは全部mint (mrkit) へのチャットに投げてたけど、投げすぎてて申し訳ないし、全体に共有すべき場合も多いし、どこかのSNSに投げることにした。
とはいえ、ブラウザから投稿するのも気が引けるし、利用ケースを考えればVSCodeの画面のまま投稿だけできれば十分。
Misskey, BlueSkyやMastodonのAPIを使って、簡単に投稿だけしちゃおう。
で、今回はこのプロジェクトのスタートを記録する。
Repository: https://github.com/TomoTom0/Simple_Post_SNS_onVSCode/tree/main
TL; DR
- BlueSkyは、Twitterの元CTOであるAdam Messinger氏が立ち上げた、本来のTwitterの理念に立ち返ったSNSである。
- Misskeyは、分散型のSNSプラットフォームで、オープンソースソフトウェアとして提供されている。
- Mastodonは、中央集権的なソーシャルメディアプラットフォームに対する代替手段として生まれた。
- 本PJは、VSCode Extensionを作成し、MarkdownファイルからSNSに投稿することを目指す。
- 1週間でベータ版を目指す。
Intro
AWS, Azure, GCPなどのクラウドサービスが普及しているが、大容量データを扱う場合、未だに自宅に設置するNASが有用である。
この記事は2023年10月に書かれた。最新の情報とは必ずしも一致しないので注意。
TL; DR
- NAS（ネットワークアタッチトストレージ）は大容量データを扱うために自宅に設置するサーバーであり、クラウドサービスとの比較も行われる。
- NASの特徴は、大容量のストレージ、安全なデータ保存（RAID）、差分バックアップ、常時アクセス、Webサーバー機能、DNSサービス、CUIの利用などがある。
- NASは自宅でのデータの安全性と容量確保に役立ち、クラウドストレージよりも経済的である。
- ただし、最新の情報は確認が必要であり、HDDの購入やセキュリティにも注意が必要である。
Intro
意外なことに、DockerのVolumeと単体でファイルをやりとりする方法がない。
幸い、これはいとも簡単に解決される。
Tweet
というか、Docker公式もこのやり方を取り込めばいいのに……
TL; DR
DockerおよびDocker Volumeの紹介を行う。
さらに、Docker Volume (名前付きVolume) へのファイルコピーを行うBash関数を作成する。
Intro
Hexoを、Icarusを、初期投資としてガンガン便利にしていく。
TL; DR
VSCode側で画像のpathを手動で修正せずとも、scirpts配下のjsファイルで自動で対応した。
さらに、見た目のよいAlertboxも作成できるようになった。
Intro
HexoのThemeをGhost Casperにしたもののしっくり来ず、なによりCode Blockの表示がおかしい。
これはじっくりThemeを選ぶ必要があるだろう。
TL; DR
HexoのThemeならIcarusが最強だ。
AzureでCustom Domainを取得し、GitHub PagesでHostする方法も解説する。
