角田雄一/卒業研究
をテンプレートにして作成
HOME
ABOUT
最新の更新
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
木村円香
鴻上早紀
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
江口依舞
久木田直央
本田麻緒
山田真央
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
庭瀬美来
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
佐藤美月
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
橋本音花
若狭映那
古賀莉梨香
2025
MEMBER 2025
赤星花
有薗晴己
泉百々
稲吉うた
宇都宮楓
大島詩絵里
小川眞由
源島咲太郎
櫻井風希
佐藤禾生子
友田葵
中西恋果
中山颯太
新甫楓佳
納富早希
野口瑞季
橋本京佳
東島百合子
平野雅華
深井梨々子
松本美時
丸石樹
椋本凌
村山小桜
村山優
持田真翔
吉松まなみ
浅川ひより
池光希
大崎優衣
大瀬梨乃亜
加藤虎太郎
金丸菜美
北本杏
坂本隆太朗
杉野亜子
田代夕加里
永野陽香
濱村悠伸
原凛々子
一松彩心
八木玲蓮
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2024年度卒業生
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
企画デザイン演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
SEARCH
開始行:
*マークダウン 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サイトに関する知識が豊富なクラスメートの方に、サイトの...
サイトの使いやすさに関しては、ターミナルに触れたことのあ...
また、改善案として
-ローカルサーバー起動の実行プロンプトの書き方が紛らわしい
-サイトテンプレートのコードを編集する項目で、編集箇所の目...
という2点をご指摘頂き、それに基づき修正を加えた。
~
~
**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)
~
***目次の見た目修正
「見出し1」が太字で表示されるようにし、視認性を向上させ...
#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ファイルの「見出し1(#)」と「見出し2(##)」を...
#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サイトに関する知識が豊富なクラスメートの方に、サイトの...
サイトの使いやすさに関しては、ターミナルに触れたことのあ...
また、改善案として
-ローカルサーバー起動の実行プロンプトの書き方が紛らわしい
-サイトテンプレートのコードを編集する項目で、編集箇所の目...
という2点をご指摘頂き、それに基づき修正を加えた。
~
~
**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)
~
***目次の見た目修正
「見出し1」が太字で表示されるようにし、視認性を向上させ...
#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ファイルの「見出し1(#)」と「見出し2(##)」を...
#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で公開し、サイトでは実装コマンドだけ...
~
~
~
ページ名: