角田雄一/卒業研究 をテンプレートにして作成

開始行:
*マークダウン de Webサイト！ Markdownで書いてGitHubにPushするだけの、ビルド不要・無料... #image(main.png) -''角田 雄一'' -'''Keywords：Markdown, JavaScript, GitHub Pages''' -__[[サイトリンク>https://yuichi853.github.io/md-site/]]__ -__[[概要集>https://drive.google.com/file/d/1bErVi3jDlCzy... [[&color(red){__プレゼン用ページ！__};>角田雄一/卒業研究/... ~ **概要 ***これは何？ 本サイトは、Markdown 形式で記事を管理し、それを JavaScrip... さらに、Markdown の特徴や活用方法についても解説し、Markdo... //&color(red){何のサイトかを簡潔にまとめた説明}; ~ ***背景と目的 Markdown（マークダウン）は、見出しや箇条書きといった文書... 一方、Markdown で作成した文章はそのまま Web ページにはな... そこで本プロジェクトでは、「Markdown を書いて GitHub に P... この仕組みをわかりやすくまとめたドキュメントサイトを制作... //&color(red){プロジェクトで何を解決しようとしているのか... ~ ***コンセプト -記事はすべて Markdown 形式で管理する -Markdown ファイルを ブラウザ上の JavaScript で HTML に変... -GitHub Pages を用い、GitHub に Push するだけで公開が反映... -Markdown の特徴や使い方もまとめ、Web サイト運用の基本構... //&color(red){基本的な思想・仕組みの全体像}; ~ ***成果物の仕様 Web サイト： [[https://yuichi853.github.io/md-site/>https... Markdown 変換機能・複数レイアウトサンプル・記事テンプレー... //&color(red){成果物の具体的な形を示す}; ~ ***制作ツール ThinkPad（PC） NeoVim（テキストエディタ） //&color(red){ハード／ソフトの使用環境}; ~ ***プロジェクトの期間 2025.04.11 - 2025.10.24 //&color(red){作業期間を記載}; ~ ***まとめ 本プロジェクトでは、Markdown で記述した記事を JavaScript ... これにより、従来の静的サイトジェネレーターのような環境構... 目次生成やコードハイライトにも対応し、視認性の高い記事デ... //&color(red){結果と今後の改善点を簡潔にまとめる}; ~ ~ **調査 ***現状調査 ''Markdown形式で記事が管理されているメディア'' -ITブログサイト 代表的なものとして[[Zenn>https://zenn.dev/]]と[[Qitta>htt... どちらも、記事を更新するには[[Web上のエディタ>https://hel... 技術ブログのサイトであるため、当然サイトのカスタマイズは... -一般ブログサイト 調査の結果、[[はてなブログ>https://hatena.blog/]]がMarkdo... [[はてなで使えるMarkdown記法>https://hero-rin.hatenablog.... //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -[[Jekyll>https://jekyllrb.com/]] Rubyで書かれたMarkdownベースの静的サイトジェネレーター。 ローカル環境でのビルドが必要で、そのためにはRuby環境とJek... -[[Hugo>https://gohugo.io/]] Goで書かれたMarkdownベースの静的サイトジェネレーター。 Jekyll同様ビルドが必要で、GoとHugoのインストールが必要。 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 -[[Marked>https://github.com/markedjs/marked]]: MarkDown... -[[highlight.js>https://highlightjs.org/]]: 構文ハイライ... //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 -__[[スケジュール（進行管理表）>https://docs.google.com/s... //&color(red){計画的な遂行のために、進行管理表を作成して... -__[[TODOリスト>https://github.com/yuichi-853/arch-sway-c... //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.11.14 ***テンプレートサイト テンプレートサイトのサンプル画像をよりシンプルなものに差... -__[[テンプレートサイト>https://yuichi853.github.io/md-si... ~ ~ **2025.10.31 ***概要集修正 レイアウトの乱れや番号の打ち間違え等、細かい修正を加えた。 -__[[概要集>https://drive.google.com/file/d/1bErVi3jDlCzy... ~ ***第三者によるサイトレビュー Webサイトに関する知識が豊富なクラスメートの方に、サイトの... サイトの使いやすさに関しては、ターミナルに触れたことのあ... また、改善案として -ローカルサーバー起動の実行プロンプトの書き方が紛らわしい -サイトテンプレートのコードを編集する項目で、編集箇所の目... という２点をご指摘頂き、それに基づき修正を加えた。 ~ ~ **2025.10.24 ***概要集 概要集を制作した。 -__[[概要集>https://drive.google.com/file/d/1fFv73PIHFdTj... ~ ~ **2025.10.17 ***記事の加筆・修正 -「マークダウンとは」と「マークダウンでWebサイト制作」の... -「マークダウンとは」の記事では、冗長な説明や、わかりにく... -「マークダウンでWebサイト制作」の記事では、テンプレート... ~ ***デバッグ -画面幅に応じた「目次」「記事」「余白」の幅を調整し、完全... -スマホ画面で、「目次」が「記事」の上に覆い被さって表示さ... -見出しのレベルと名前が同一の見出しの項目がある場合、それ... ~ ~ **2025.10.10 ***記事ページデザイン刷新 #image(article.png) -記事ページのデザインをメインページの雰囲気に合うよう刷新... -背景色だけでなく、目次や、Markdown記事の表示デザインもサ... ~ ***テンプレートページ作成 #image(template.png) -ユーザーにテンプレートを配布するページを制作した。 -「テンプレートサイトのプレビューリンク」「Githubリポジト... -右側でプレビューをざっと確認できるようにした。 ~ ***Aboutページ作成 #image(about.png) -Aboutページを制作した。 -自己紹介と、サイトについての簡単な説明を掲載した。 ~ ~ **2025.10.03 #image(main.png) ***メインページ -メインページを作成した。 -メインページは__[[Bootstrap>https://getbootstrap.com/]]_... -デザインは__[[Bootstrap>https://getbootstrap.com/]]__の... -「シンプルさ」をコンセプトの中心に据えたMarkdownを扱って... -右側のウィンドウ風のオブジェクトは、サイトの特徴を一目で... ~ ***ヘッダー -メインページの雰囲気に合わせて、ヘッダーのデザインも変更... ~ ~ **2025.09.26 ***記事執筆 -「マークダウンとは」という記事を書き終えた。 #image(md-site-01.png) -「マークダウンでWebサイト制作」という記事を書き終えた。 #image(md-site-02.png) ~ ***目次の見た目修正 「見出し１」が太字で表示されるようにし、視認性を向上させ... #image(md-site-03.png) ~ ~ **2025.09.19 ***レスポンシブ対応 サイトをレスポンシブ対応させた。 -__[[サイト>https://yuichi-853.github.io/homepage/]]__ ~ ***サイトマップ サイトマップを作成した。 -__[[サイトマップリンク>https://docs.google.com/presentat... ~ ***ワイヤーフレーム -__[[ワイヤーフレームリンク>https://www.figma.com/design/... ~ ***テンプレート ユーザーが簡単に使用できるようにテンプレートを作成するこ... 現在テンプレートの制作途中である。 -__[[テンプレート サイト>https://yuichi-853.github.io/md-... -__[[テンプレート GitHubリポジトリ>https://github.com/yui... ~ ~ **2025.07.29 ***ブラッシュアップ 審査の際に「前提知識が無い人にとってわかりにくい」「説明... ~ ~ **2025.07.18 ***埋め込みYouTubeサムネイルの表示 埋め込んだYouTubeサムネイル欄の縁が丸みを帯びるようにした。 #image(marked_test_12.png) ~ ~ **2025.07.11 ***コードブロックの表示 コードブロック欄の縁が丸みを帯びるようにした。 #image(marked_test_11.png) ~ ~ **2025.07.04 ***目次の固定機能 記事をスクロールするとき、目次が画面上部に固定されて、常... #image(marked_test_10.png) ~ ~ **2025.06.27 ***目次の固定機能 記事をスクロールするとき、目次が画面上部に固定されて、常... ~ ***概要集 フィードバックを受け、前期概要集に変更を加えた。 -__[[概要集>https://drive.google.com/file/d/1Cq0d1Dj_fSqr... ~ ~ **2025.06.20 ***コードブロックのテーマ変更 コードブロックのテーマを__[[Catppuccin>https://github.com... #image(marked_test_9.png) ~ ***プロジェクトテーマの変更 フレームワーク制作について検討しながらも、MDからHTMLへの... フレームワーク制作は先週、検討の結果断念したのだが、MDか... ~ ***概要集 前期概要集を制作した -__[[概要集>https://drive.google.com/file/d/1Cq0d1Dj_fSqr... ~ ~ **2025.06.13 ***目次リンク自動生成 目次リンクの見た目を整えた。また、目次のリンクをクリック... #image(marked_test_8.png) ~ ***プロジェクトテーマ変更について 「MDファイルに yaml 形式でタイトル・日付・カテゴリー情報... 結果、技術的には可能であるが、"Jekyll" という類似するフレ... ~ ~ **2025.06.06 ***目次リンク自動生成 MarkDownファイルの「見出し１（#）」と「見出し２（##）」を... #image(marked_test_7.jpg) ~ ***プロジェクトテーマ変更について 中間報告にて、MarkDownファイルをHTMLに変換する機能のほう... 変換機能をテーマとする場合、テーマとしては「MDファイルをJ... ~ ~ **2025.05.23 ***ライブラリ動作検証 画像のパスを指定することで、画像を埋め込むことができるよ... MarkDown記法に則った記法で埋め込めるようにした。  #image(marked_test_6.jpg) ~ ~ **2025.05.16 ***ライブラリ動作検証 JavaScriptを使って、MarkDownファイルにYouTube動画のリンク... ~ #image(marked_test_5.png) ~ ~ **2025.05.09 ***コンテンツ書き出し -Arch Linuxのインストール方法の簡単な紹介とSway-wmとその... -日本語 IME（入力メソッド）の設定 -Sway-wmの基本的な設定 -Waybar（ステータスバー）の設定 -Gnu Stowを用いた設定ファイルの複数デバイスでの管理法 -wofi（ランチャー・メニュー）の設定 -mako（通知デーモン）の設定 -xkbを用いたキーマップの貼り替え ~ ***ライブラリ動作検証 YouTubeリンクをMDファイルに貼り付けHTMLに変換したところ、... 動画URLから自動的に動画を埋め込むプログラムを書いているが... #image(marked_test_4.png) ~ ***プレゼン準備 [[__プレゼン用ページ__>角田雄一/卒業研究/プレゼン1]] ~ ~ **2025.05.02 ***ライブラリ動作検証 ''highlight.js'' の実装及び動作検証 -✅ コードブロックの構文ハイライト機能（画像はbash文） #image(marked_test_3.png) ~ ***プレゼン準備 [[__プレゼン用ページ__>角田雄一/卒業研究/プレゼン1]] ~ ~ **2025.04.25 ***ライブラリ動作検証 ''Marked'' の実装及び動作検証 -✅ MarkDown文書をHTMLに変換する機能 #image(marked_test_1.png) -✅ コードブロック表示機能 #image(marked_test_2.png) ~ ~ **2025.04.18 ***サイトの要件 Arch Linuxに関する情報は移り変わりが激しく、サイト情報の... -記事はMarkDown形式で記述・管理できること。 -Github Pagesを使い、ローカルのGit RepositoryでMarkDownフ... ~ ***実装予定機能 -ブラウザ上で動作するJavaScriptのMarkDown文書をHTMLに変換... -MarkDownファイルから各章の見出し情報を取得し、目次を生成... -記事をMarkDownからHTMLに変換して表示した際、コードブロッ... -画像表示機能 -YouTube動画リンク埋め込み&表示機能 ~ ***技法・技術調査 -__[[Marked>https://github.com/markedjs/marked]]__という... -__[[highlight.js>https://highlightjs.org/]]__という、構... ***試作 __[[サイトマップ>https://docs.google.com/presentation/d/1... ~ ~ **2025.04.11 ***テーマ決定 -Arch LinuxとSway-wmを使ったデスクトップ環境の構築方法を... ~ ***現状調査 ''Sway-wmに関する日本語の情報源の調査結果'' -Googleで、「arch linux sway 設定」をキーワードとして日本... -動画サイトYouTubeにおいては、バニラの（追加の設定やテー... ~ ***先行事例調査 -IT情報共有サイト 代表的なものとして__[[Zenn>https://zenn.dev/]]__と__[[Qit... 左に目次のほうが見やすいかも。 -Sway-wmの設定ファイルの紹介・解説サイト --https://zenn.dev/haxibami/articles/wayland-sway-install 日本語の解説の中で最も詳しい。 --https://zenn.dev/eloy/articles/342e8e390e01b3 ArchLinuxのインストール方法から書かれている。Sway-wmの解... --https://zenn.dev/reviq07/articles/5736cb799b3ffc#blueto... 設定ファイルをGithubで公開し、サイトでは実装コマンドだけ... ~ ~ ~

終了行:
*マークダウン de Webサイト！ Markdownで書いてGitHubにPushするだけの、ビルド不要・無料... #image(main.png) -''角田 雄一'' -'''Keywords：Markdown, JavaScript, GitHub Pages''' -__[[サイトリンク>https://yuichi853.github.io/md-site/]]__ -__[[概要集>https://drive.google.com/file/d/1bErVi3jDlCzy... [[&color(red){__プレゼン用ページ！__};>角田雄一/卒業研究/... ~ **概要 ***これは何？ 本サイトは、Markdown 形式で記事を管理し、それを JavaScrip... さらに、Markdown の特徴や活用方法についても解説し、Markdo... //&color(red){何のサイトかを簡潔にまとめた説明}; ~ ***背景と目的 Markdown（マークダウン）は、見出しや箇条書きといった文書... 一方、Markdown で作成した文章はそのまま Web ページにはな... そこで本プロジェクトでは、「Markdown を書いて GitHub に P... この仕組みをわかりやすくまとめたドキュメントサイトを制作... //&color(red){プロジェクトで何を解決しようとしているのか... ~ ***コンセプト -記事はすべて Markdown 形式で管理する -Markdown ファイルを ブラウザ上の JavaScript で HTML に変... -GitHub Pages を用い、GitHub に Push するだけで公開が反映... -Markdown の特徴や使い方もまとめ、Web サイト運用の基本構... //&color(red){基本的な思想・仕組みの全体像}; ~ ***成果物の仕様 Web サイト： [[https://yuichi853.github.io/md-site/>https... Markdown 変換機能・複数レイアウトサンプル・記事テンプレー... //&color(red){成果物の具体的な形を示す}; ~ ***制作ツール ThinkPad（PC） NeoVim（テキストエディタ） //&color(red){ハード／ソフトの使用環境}; ~ ***プロジェクトの期間 2025.04.11 - 2025.10.24 //&color(red){作業期間を記載}; ~ ***まとめ 本プロジェクトでは、Markdown で記述した記事を JavaScript ... これにより、従来の静的サイトジェネレーターのような環境構... 目次生成やコードハイライトにも対応し、視認性の高い記事デ... //&color(red){結果と今後の改善点を簡潔にまとめる}; ~ ~ **調査 ***現状調査 ''Markdown形式で記事が管理されているメディア'' -ITブログサイト 代表的なものとして[[Zenn>https://zenn.dev/]]と[[Qitta>htt... どちらも、記事を更新するには[[Web上のエディタ>https://hel... 技術ブログのサイトであるため、当然サイトのカスタマイズは... -一般ブログサイト 調査の結果、[[はてなブログ>https://hatena.blog/]]がMarkdo... [[はてなで使えるMarkdown記法>https://hero-rin.hatenablog.... //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -[[Jekyll>https://jekyllrb.com/]] Rubyで書かれたMarkdownベースの静的サイトジェネレーター。 ローカル環境でのビルドが必要で、そのためにはRuby環境とJek... -[[Hugo>https://gohugo.io/]] Goで書かれたMarkdownベースの静的サイトジェネレーター。 Jekyll同様ビルドが必要で、GoとHugoのインストールが必要。 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 -[[Marked>https://github.com/markedjs/marked]]: MarkDown... -[[highlight.js>https://highlightjs.org/]]: 構文ハイライ... //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 -__[[スケジュール（進行管理表）>https://docs.google.com/s... //&color(red){計画的な遂行のために、進行管理表を作成して... -__[[TODOリスト>https://github.com/yuichi-853/arch-sway-c... //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.11.14 ***テンプレートサイト テンプレートサイトのサンプル画像をよりシンプルなものに差... -__[[テンプレートサイト>https://yuichi853.github.io/md-si... ~ ~ **2025.10.31 ***概要集修正 レイアウトの乱れや番号の打ち間違え等、細かい修正を加えた。 -__[[概要集>https://drive.google.com/file/d/1bErVi3jDlCzy... ~ ***第三者によるサイトレビュー Webサイトに関する知識が豊富なクラスメートの方に、サイトの... サイトの使いやすさに関しては、ターミナルに触れたことのあ... また、改善案として -ローカルサーバー起動の実行プロンプトの書き方が紛らわしい -サイトテンプレートのコードを編集する項目で、編集箇所の目... という２点をご指摘頂き、それに基づき修正を加えた。 ~ ~ **2025.10.24 ***概要集 概要集を制作した。 -__[[概要集>https://drive.google.com/file/d/1fFv73PIHFdTj... ~ ~ **2025.10.17 ***記事の加筆・修正 -「マークダウンとは」と「マークダウンでWebサイト制作」の... -「マークダウンとは」の記事では、冗長な説明や、わかりにく... -「マークダウンでWebサイト制作」の記事では、テンプレート... ~ ***デバッグ -画面幅に応じた「目次」「記事」「余白」の幅を調整し、完全... -スマホ画面で、「目次」が「記事」の上に覆い被さって表示さ... -見出しのレベルと名前が同一の見出しの項目がある場合、それ... ~ ~ **2025.10.10 ***記事ページデザイン刷新 #image(article.png) -記事ページのデザインをメインページの雰囲気に合うよう刷新... -背景色だけでなく、目次や、Markdown記事の表示デザインもサ... ~ ***テンプレートページ作成 #image(template.png) -ユーザーにテンプレートを配布するページを制作した。 -「テンプレートサイトのプレビューリンク」「Githubリポジト... -右側でプレビューをざっと確認できるようにした。 ~ ***Aboutページ作成 #image(about.png) -Aboutページを制作した。 -自己紹介と、サイトについての簡単な説明を掲載した。 ~ ~ **2025.10.03 #image(main.png) ***メインページ -メインページを作成した。 -メインページは__[[Bootstrap>https://getbootstrap.com/]]_... -デザインは__[[Bootstrap>https://getbootstrap.com/]]__の... -「シンプルさ」をコンセプトの中心に据えたMarkdownを扱って... -右側のウィンドウ風のオブジェクトは、サイトの特徴を一目で... ~ ***ヘッダー -メインページの雰囲気に合わせて、ヘッダーのデザインも変更... ~ ~ **2025.09.26 ***記事執筆 -「マークダウンとは」という記事を書き終えた。 #image(md-site-01.png) -「マークダウンでWebサイト制作」という記事を書き終えた。 #image(md-site-02.png) ~ ***目次の見た目修正 「見出し１」が太字で表示されるようにし、視認性を向上させ... #image(md-site-03.png) ~ ~ **2025.09.19 ***レスポンシブ対応 サイトをレスポンシブ対応させた。 -__[[サイト>https://yuichi-853.github.io/homepage/]]__ ~ ***サイトマップ サイトマップを作成した。 -__[[サイトマップリンク>https://docs.google.com/presentat... ~ ***ワイヤーフレーム -__[[ワイヤーフレームリンク>https://www.figma.com/design/... ~ ***テンプレート ユーザーが簡単に使用できるようにテンプレートを作成するこ... 現在テンプレートの制作途中である。 -__[[テンプレート サイト>https://yuichi-853.github.io/md-... -__[[テンプレート GitHubリポジトリ>https://github.com/yui... ~ ~ **2025.07.29 ***ブラッシュアップ 審査の際に「前提知識が無い人にとってわかりにくい」「説明... ~ ~ **2025.07.18 ***埋め込みYouTubeサムネイルの表示 埋め込んだYouTubeサムネイル欄の縁が丸みを帯びるようにした。 #image(marked_test_12.png) ~ ~ **2025.07.11 ***コードブロックの表示 コードブロック欄の縁が丸みを帯びるようにした。 #image(marked_test_11.png) ~ ~ **2025.07.04 ***目次の固定機能 記事をスクロールするとき、目次が画面上部に固定されて、常... #image(marked_test_10.png) ~ ~ **2025.06.27 ***目次の固定機能 記事をスクロールするとき、目次が画面上部に固定されて、常... ~ ***概要集 フィードバックを受け、前期概要集に変更を加えた。 -__[[概要集>https://drive.google.com/file/d/1Cq0d1Dj_fSqr... ~ ~ **2025.06.20 ***コードブロックのテーマ変更 コードブロックのテーマを__[[Catppuccin>https://github.com... #image(marked_test_9.png) ~ ***プロジェクトテーマの変更 フレームワーク制作について検討しながらも、MDからHTMLへの... フレームワーク制作は先週、検討の結果断念したのだが、MDか... ~ ***概要集 前期概要集を制作した -__[[概要集>https://drive.google.com/file/d/1Cq0d1Dj_fSqr... ~ ~ **2025.06.13 ***目次リンク自動生成 目次リンクの見た目を整えた。また、目次のリンクをクリック... #image(marked_test_8.png) ~ ***プロジェクトテーマ変更について 「MDファイルに yaml 形式でタイトル・日付・カテゴリー情報... 結果、技術的には可能であるが、"Jekyll" という類似するフレ... ~ ~ **2025.06.06 ***目次リンク自動生成 MarkDownファイルの「見出し１（#）」と「見出し２（##）」を... #image(marked_test_7.jpg) ~ ***プロジェクトテーマ変更について 中間報告にて、MarkDownファイルをHTMLに変換する機能のほう... 変換機能をテーマとする場合、テーマとしては「MDファイルをJ... ~ ~ **2025.05.23 ***ライブラリ動作検証 画像のパスを指定することで、画像を埋め込むことができるよ... MarkDown記法に則った記法で埋め込めるようにした。  #image(marked_test_6.jpg) ~ ~ **2025.05.16 ***ライブラリ動作検証 JavaScriptを使って、MarkDownファイルにYouTube動画のリンク... ~ #image(marked_test_5.png) ~ ~ **2025.05.09 ***コンテンツ書き出し -Arch Linuxのインストール方法の簡単な紹介とSway-wmとその... -日本語 IME（入力メソッド）の設定 -Sway-wmの基本的な設定 -Waybar（ステータスバー）の設定 -Gnu Stowを用いた設定ファイルの複数デバイスでの管理法 -wofi（ランチャー・メニュー）の設定 -mako（通知デーモン）の設定 -xkbを用いたキーマップの貼り替え ~ ***ライブラリ動作検証 YouTubeリンクをMDファイルに貼り付けHTMLに変換したところ、... 動画URLから自動的に動画を埋め込むプログラムを書いているが... #image(marked_test_4.png) ~ ***プレゼン準備 [[__プレゼン用ページ__>角田雄一/卒業研究/プレゼン1]] ~ ~ **2025.05.02 ***ライブラリ動作検証 ''highlight.js'' の実装及び動作検証 -✅ コードブロックの構文ハイライト機能（画像はbash文） #image(marked_test_3.png) ~ ***プレゼン準備 [[__プレゼン用ページ__>角田雄一/卒業研究/プレゼン1]] ~ ~ **2025.04.25 ***ライブラリ動作検証 ''Marked'' の実装及び動作検証 -✅ MarkDown文書をHTMLに変換する機能 #image(marked_test_1.png) -✅ コードブロック表示機能 #image(marked_test_2.png) ~ ~ **2025.04.18 ***サイトの要件 Arch Linuxに関する情報は移り変わりが激しく、サイト情報の... -記事はMarkDown形式で記述・管理できること。 -Github Pagesを使い、ローカルのGit RepositoryでMarkDownフ... ~ ***実装予定機能 -ブラウザ上で動作するJavaScriptのMarkDown文書をHTMLに変換... -MarkDownファイルから各章の見出し情報を取得し、目次を生成... -記事をMarkDownからHTMLに変換して表示した際、コードブロッ... -画像表示機能 -YouTube動画リンク埋め込み&表示機能 ~ ***技法・技術調査 -__[[Marked>https://github.com/markedjs/marked]]__という... -__[[highlight.js>https://highlightjs.org/]]__という、構... ***試作 __[[サイトマップ>https://docs.google.com/presentation/d/1... ~ ~ **2025.04.11 ***テーマ決定 -Arch LinuxとSway-wmを使ったデスクトップ環境の構築方法を... ~ ***現状調査 ''Sway-wmに関する日本語の情報源の調査結果'' -Googleで、「arch linux sway 設定」をキーワードとして日本... -動画サイトYouTubeにおいては、バニラの（追加の設定やテー... ~ ***先行事例調査 -IT情報共有サイト 代表的なものとして__[[Zenn>https://zenn.dev/]]__と__[[Qit... 左に目次のほうが見やすいかも。 -Sway-wmの設定ファイルの紹介・解説サイト --https://zenn.dev/haxibami/articles/wayland-sway-install 日本語の解説の中で最も詳しい。 --https://zenn.dev/eloy/articles/342e8e390e01b3 ArchLinuxのインストール方法から書かれている。Sway-wmの解... --https://zenn.dev/reviq07/articles/5736cb799b3ffc#blueto... 設定ファイルをGithubで公開し、サイトでは実装コマンドだけ... ~ ~ ~

ページ名: