$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Docusで知り合い向け学習サイト作ってみた
Search
IIHARA
January 26, 2024
Programming
0
74
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
Tweet
Share
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
190
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
180
Nuxt3にStorybookを正しく入れてみた
gityosan
0
760
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
610
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
430
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
97
Other Decks in Programming
See All in Programming
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
270
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
380
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
2.7k
関数実行の裏側では何が起きているのか?
minop1205
1
710
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
130
20 years of Symfony, what's next?
fabpot
2
370
AIコーディングエージェント(NotebookLM)
kondai24
0
200
FluorTracer / RayTracingCamp11
kugimasa
0
240
これだけで丸わかり!LangChain v1.0 アップデートまとめ
os1ma
6
1.9k
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
110
ゲームの物理 剛体編
fadis
0
350
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
150
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.3k
4 Signs Your Business is Dying
shpigford
186
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Building an army of robots
kneath
306
46k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
Automating Front-end Workflow
addyosmani
1371
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Transcript
Docus で知り合い向け学習サイト作ってみた IIHARA 議長/ 株式会社メタップスホールディングス
目次 01 自己紹介 02 動機 03 Docus について 04 Learch
05 今後 2
IIHARA 議長 大学2 年の終わりの2月から週4~7 日フルタイムで働 き、メタップスHD に23 新卒で入社後、re:shine 開発 を担当
Vue/Nuxt Rails Lit を主に書きます X: https://twitter.com/iihara_gityo 自己紹介 3
メタップスホールディングス 「UNLEASH THE WORLD( 世界を解き放つ) 」をビジョンに re:shine とSRE:shine の二つのサービスを展開 自己紹介
4
動機
これまで対面やDiscord などでプログラミングを教える機会が 多々あった。 サークルなどで教えた際に書いていたメモ等を一つのサイトに まとめようと思い立った。 動機 6
自分自身も独学でプログラミングを学び始めた当初は全てを暗 記しようとして上手くいかず、知識が定着して学習が安定して 進められるようになるまで時間が掛かった そのため、初学者向けに要点のみをまとめたサイトにすること にした 動機 7
Docus について
None
そもそも、Docus はnuxt/content の拡張テーマでnuxt/content にはない構築 済みコンポーネントやuseDocus といったcomposable が利用可能になっ ている。 nuxt/content からコアライブラリを辿っていくと、nuxt-
modules/mdc→remark というライブラリまで辿れる nuxt-modules/mdc はMarkDown Components というmarkdown でprops や slot の概念を持ったコンポーネントを記述・展開するためのライブラリ である Docus について 10
Learch
None
None
None
None
作り方
1. chatGPT にフレームワークを網羅的に学習できる教材を作らせる 2. obsidian に写す 3. 実際に触ってみながら、誤った部分を修正していく 4. md
ファイルにコピペ 5. push 6. 完了! 作り方 17
今後
とりあえず主要フロントエンドフレームワーク網羅したい 19
ご清聴ありがとうございました