Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Docusで知り合い向け学習サイト作ってみた
Search
IIHARA
January 26, 2024
Programming
78
0
Share
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
200
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
180
Nuxt3にStorybookを正しく入れてみた
gityosan
0
790
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
670
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
460
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
110
Other Decks in Programming
See All in Programming
感情を設計する
ichimichi
5
1.5k
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
380
CDK Deployのための ”反響定位”
watany
4
750
JAWS-UG横浜 #100 祝・第100回スペシャルAWS は VPC レスの時代へ
maroon1st
0
130
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
m3m0r7
PRO
0
530
10年分の技術的負債、完済へ ― Claude Code主導のAI駆動開発でスポーツブルを丸ごとリプレイスした話
takuya_houshima
0
2.5k
AIベース静的検査器の偽陽性率を抑える工夫3選
orgachem
PRO
3
130
瑠璃の宝石に学ぶ技術の声の聴き方 / 【劇場版】アニメから得た学びを発表会2026 #エンジニアニメ
mazrean
0
250
AI時代のエンジニアリングの原則 / Engineering Principles in the AI Era
haru860
0
220
おれのAgentic Coding 2026/03
tsukasagr
1
140
Coding as Prompting Since 2025
ragingwind
0
830
実践CRDT
tamadeveloper
0
560
Featured
See All Featured
It's Worth the Effort
3n
188
29k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
190
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
130
Statistics for Hackers
jakevdp
799
230k
Between Models and Reality
mayunak
3
260
How to make the Groovebox
asonas
2
2.1k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
180
Mind Mapping
helmedeiros
PRO
1
150
Designing Powerful Visuals for Engaging Learning
tmiket
1
340
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
First, design no harm
axbom
PRO
2
1.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
ご清聴ありがとうございました