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
テキストエディタを知る / Getting to Know a Text Editor
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
muryoimpl
December 19, 2020
Programming
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
テキストエディタを知る / Getting to Know a Text Editor
Kanazawa.rb#100 100回記念 & 年末 LT 大会 の二次会で話したスライド。
muryoimpl
December 19, 2020
More Decks by muryoimpl
See All by muryoimpl
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
2.5k
人魚とたわむれる
muryoimpl
0
70
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
2.4k
Kanazawa.rb LT大会用/kzlt コマンドの説明 2024/01版
muryoimpl
0
3.1k
kzltコマンドの新たなソリューションについて
muryoimpl
0
3.1k
俺とTODOアプリ~Linearの変~
muryoimpl
0
2.9k
POSIX文字クラスでの躓き
muryoimpl
0
2.4k
/kzlt コマンドとは
muryoimpl
0
1.1k
meetup.kzrb.org の更新を考える 事前激闘編
muryoimpl
0
1.7k
Other Decks in Programming
See All in Programming
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
riku_sakamoto
0
370
iOSDC2026登壇資料.pdf
riofujimon
0
200
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
790
Are APIs Still Relevant in the AI Era?
soyuka
0
380
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
atsuki_seo
0
1k
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
630
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ! ~
po3rin
1
5.4k
フロントエンドUIフレームワークのこれまでとこれから
ssssota
5
3.1k
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
kinopeee
19
20k
Intent as Code
shoppingjaws
6
1.1k
大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri
rockname
0
180
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
reimaru
1
2.6k
Featured
See All Featured
エンジニアに許された特別な時間の終わり
watany
109
250k
Odyssey Design
rkendrick25
PRO
2
850
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
KATA
mclloyd
PRO
35
16k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.2k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
Faster Mobile Websites
deanohume
310
32k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
490
Navigating Weather and Climate Data
rabernat
0
540
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
440
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1k
Transcript
テキストエディタを 知る 2020-12-19 (土) 13:00 〜 kanazawa.rb meetup#100 100回記念 &
年末 LT 大会 muryoimpl
何か新しいことを 学びたい なんか飽き ちゃって…
でも実用的じゃないと続か ない 簡単すぎて もなぁ… なんか飽き ちゃう… 身近だけど ほどよく謎 で… イメージしや
すい何かな いか…
テキストエディタを つくってみよう 簡単じゃあ ない! 仕事で毎日 使うじゃん イメージしや すい… 飽きるかも しれんが…
コミットログ書ける程度のものを ターゲットにしてみよう 普通のコミットログ 書くのにそんな高度 な編集機能はいら んだろう(マジ? ここを キャンプ地とし よう
でもどうやって 作るんだ? ナニモ ワカラナイ
どうやってテキストエディタを作るんだ? • イベントループで待ち受けて、キー入力を受け取ってなにかするくらいはわかるけ ど…基礎知識が足りない • テキストエディタは C 言語で書かれているものが多いが、私は C 言語に明るくない
• 既存のエディタのソースは参考になるんだろうが、私は C 言語に明る(ry • Ruby で書かれた Textbringer や Go で書かれた micro があるが、それぞれ何の ためにこの変更をやっているのか?まではコミットログからは詳細にわからない… 基礎知識が足りない困った
どうやってテキストエディタを作るんだ? • Textbringer 作者の shugo さんは、toruby07の発表 で参考として、 『The Craft of
Text Editing』https://www.finseth.com/craft/ を挙げているがいき なりはちょっとむずかしい感じだった • 簡易的なエディタをつくろう、というような連載記事 (2, 3回くらいのもの) は見つかる んだけど、それほど説明が詳しいわけでもないし、それだとすぐに完結してしまう
よさそうなサイトを発見!!
Build Your Own Text Editor • URL: https://viewsourcecode.org/snaptoken/kilo/ • 元々
http://antirez.com/news/108 で公開されていたものらしい • kilo という、単一の C 言語のファイル 約1000行 で構成されたテキストエディタを作 る過程が、184 step にも渡って解説されている • ソースコード: https://github.com/antirez/kilo • 実は有志によって解説部分が完全ではないものの日本語化されている ◦ https://github.com/algebroid/learn-kilo • C 言語の文法には説明はないが、利用しようとするものの意味にはちゃんと言及が ある
やってみている感想 なるほど…
やってみている感想 (まだまだ全然終わらない) • 記憶に残るように、英語で読み、写経して、解説の概要をコミットログに残しながら 進めているので時間がかかっている。が、続いている。 • 現在 50 step 目あたり。Ctrl-Q
で終了できる、エスケープシーケンスを駆使してウイ ンドウサイズを取得する、キー入力でカーソルを上下左右に動かせる、まだ vim で いうノーマルモードのみ、という状態。 • エスケープシーケンスってコンソールに色つけるだけじゃないんだぞ!っていうのを 思い知らされている。 • 遠回りしている感はあるが、それぞれのやっていることの意味は解説されていて理 解できるので、やっていることに納得感はある。(重要)
やってみている感想 (まだまだ全然終わらない) • Makefile があるので、保存時にタブをスペースに変換している処理が入っていると いきなりつまづきます。 • step ごとに make
して動かせる、変化を目で確認できるので、なかなか楽しい。 • 50 step 目現在で、C 言語初心者がつまづきそうなポインタの使い方はされていな いので、C 言語の入門書読んだ程度の人であれば少なくとも 50 step 目までは到 達できます。 • いつになったら自作テキストエディタをつくるというスタート地点に立てるのか今のと ころ未定なところが危険。
やってみている感想 (まだまだ全然終わらない) 正月休み使っても完走に至らない見込みなので、次回のもくもくもこれをやっている可能 性は否定できません… オレはようやくのぼりはじめたばかりだからな このはてしない kilo の step をよ…
未完