$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
Python札幌 LT資料
t3tra
6
1k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
2
610
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
150
認証・認可の基本を学ぼう後編
kouyuume
0
250
Microservices rules: What good looks like
cer
PRO
0
1.6k
perlをWebAssembly上で動かすと何が嬉しいの??? / Where does Perl-on-Wasm actually make sense?
mackee
0
110
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.4k
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
170
GISエンジニアから見たLINKSデータ
nokonoko1203
0
180
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
120
gunshi
kazupon
1
110
[AtCoder Conference 2025] LLMを使った業務AHCの上⼿な解き⽅
terryu16
3
400
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Claude Code のすすめ
schroneko
65
200k
Why Our Code Smells
bkeepers
PRO
340
57k
Building Flexible Design Systems
yeseniaperezcruz
330
39k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
70
Context Engineering - Making Every Token Count
addyosmani
9
540
Code Reviewing Like a Champion
maltzj
527
40k
What does AI have to do with Human Rights?
axbom
PRO
0
1.9k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
115
91k
Building Adaptive Systems
keathley
44
2.9k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
260
Applied NLP in the Age of Generative AI
inesmontani
PRO
3
2k
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
ご清聴ありがとうございました