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
0
59
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
Tweet
Share
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
120
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
110
Nuxt3にStorybookを正しく入れてみた
gityosan
0
540
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
210
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
230
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
43
Other Decks in Programming
See All in Programming
Some more adventure of Happy Eyeballs
coe401_
2
150
What we keep in mind when migrating from Serverless Framework to AWS CDK and AWS SAM
kasacchiful
1
130
ゲームボーイアドバンスでSwiftを動かそう
k_koheyi
0
510
dRuby 入門者によるあなたの身近にあるdRuby 入門
makicamel
4
340
オートマトン学習しろ / Do automata learning
makenowjust
3
100
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
370
Web技術を駆使してユーザーの画面を「録画」する
yukukotani
13
6.2k
iOSの隠されたAPIを解明し、開発効率を向上させる方法/iOSDC24
noppefoxwolf
2
120
労務ドメインを快適に開発する方法 / How to Comfortably Develop in the Labor Domain
yuki21
1
250
楽しく簡単に!QRコードの読み取り機能を実装しよう
penguinsan_pg
1
190
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
240
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
200
Featured
See All Featured
Thoughts on Productivity
jonyablonski
65
4.2k
Building Applications with DynamoDB
mza
89
5.9k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Code Reviewing Like a Champion
maltzj
518
39k
How to Ace a Technical Interview
jacobian
275
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Unsuck your backbone
ammeep
667
57k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.1k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Automating Front-end Workflow
addyosmani
1365
200k
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
ご清聴ありがとうございました