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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
IIHARA
January 26, 2024
Programming
79
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
210
新卒エンジニアが週一でいろんなLTに参加・登壇してみた話
gityosan
1
180
Nuxt3にStorybookを正しく入れてみた
gityosan
0
820
Marpをカスタマイズして爆速スライド開発環境を手に入れよう
gityosan
0
690
TiptapでストレスフリーなWYSIWYGエディター開発を!
gityosan
0
480
Vueと比べて理解するNuxtの機能~auto-import編~
gityosan
0
110
Other Decks in Programming
See All in Programming
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
230
Go1.27で導入されるジェネリクスメソッドでできること
mackee
0
120
Datadog × OpenTelemetry 入門と実践のあいだ
kn_to_maxpno
1
160
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
2k
依存関係から依存物へ―Dependencyという言葉の歴史をひも解く
j_lee
0
120
Hunting Vulnerabilities in Symfony with LLMs
vinceamstoutz
0
540
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
10
4k
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
7
4.4k
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
400
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
330
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
470
スマートグラスで並列バイブコーディング
hyshu
0
140
Featured
See All Featured
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
200
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
300
The Curse of the Amulet
leimatthew05
1
13k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
240
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
280
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
390
Git: the NoSQL Database
bkeepers
PRO
432
67k
Optimizing for Happiness
mojombo
378
71k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.4k
Building an army of robots
kneath
306
46k
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
ご清聴ありがとうございました