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
74
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
Tweet
Share
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
180
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
170
Nuxt3にStorybookを正しく入れてみた
gityosan
0
750
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
570
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
410
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
93
Other Decks in Programming
See All in Programming
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
680
CSC305 Lecture 06
javiergs
PRO
0
210
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
1k
明日から始めるリファクタリング
ryounasso
0
130
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
220
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
manfredsteyer
PRO
0
120
理論と実務のギャップを超える
eycjur
0
120
The Flutter Journey of Building a Live Streaming App — With a Side of Performance Tuning
u503
1
110
Advance Your Career with Open Source
ivargrimstad
0
460
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
24
12k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
210
Featured
See All Featured
Scaling GitHub
holman
463
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
For a Future-Friendly Web
brad_frost
180
9.9k
The Cost Of JavaScript in 2023
addyosmani
53
9k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
The Invisible Side of Design
smashingmag
301
51k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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
ご清聴ありがとうございました