Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Docusで知り合い向け学習サイト作ってみた
Search
IIHARA
January 26, 2024
Programming
84
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
220
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
190
Nuxt3にStorybookを正しく入れてみた
gityosan
0
850
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
720
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
500
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
120
Other Decks in Programming
See All in Programming
Turning Architecture into Unit Tests in the AI Era (NSSpain XIV)
steliosf
PRO
1
110
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
yuukiw00w
0
260
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.4k
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
icoxfog417
PRO
3
390
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
reimaru
1
2.4k
パズルゲームの作り方 / how to make puzzle games
kaityo256
PRO
2
240
Workers Cache を知る
syumai
0
290
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
satoshi256kbyte
1
240
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
8.7k
選挙速報を多くのユーザーへ 届ける Live Activities 設計
hamayokokuririn
0
180
Webの地図
yosuke_furukawa
PRO
6
4.8k
フロントエンドUIフレームワークのこれまでとこれから
ssssota
5
3k
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
830
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Raft: Consensus for Rubyists
vanstee
142
7.7k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
58k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.9k
Product Roadmaps are Hard
iamctodd
55
13k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
740
The Cult of Friendly URLs
andyhume
79
7k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.1k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
290
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
ご清聴ありがとうございました