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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
IIHARA
January 26, 2024
Programming
0
78
Docusで知り合い向け学習サイト作ってみた
IIHARA
January 26, 2024
Tweet
Share
More Decks by IIHARA
See All by IIHARA
Vue3+Firebase Auth環境で苦労した話
gityosan
0
200
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
180
Nuxt3にStorybookを正しく入れてみた
gityosan
0
780
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
660
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
450
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
100
Other Decks in Programming
See All in Programming
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
180
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
180
Windows on Ryzen and I
seosoft
0
410
Smarter Angular mit Transformers.js & Prompt API
christianliebel
PRO
1
100
Strategy for Finding a Problem for OSS: With Real Examples
kibitan
0
120
コードレビューをしない選択 #でぃーぷらすトウキョウ
kajitack
3
1.2k
Codex の「自走力」を高める
yorifuji
0
1.3k
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
targe
0
150
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
250
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
okashoi
0
240
The free-lunch guide to idea circularity
hollycummins
0
370
Goの型安全性で実現する複数プロダクトの権限管理
ishikawa_pro
2
1.4k
Featured
See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
97
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Designing Powerful Visuals for Engaging Learning
tmiket
0
300
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
330
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The SEO Collaboration Effect
kristinabergwall1
0
410
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
130
Docker and Python
trallard
47
3.8k
Scaling GitHub
holman
464
140k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
870
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
170
Google's AI Overviews - The New Search
badams
0
950
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
ご清聴ありがとうございました