Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-in...
Search
castaneai
February 02, 2020
Technology
1
2k
自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-introduction
エンジニア絵描きの会 #01
https://engineer-ekaki.connpass.com/event/161633/
での発表資料です。
castaneai
February 02, 2020
Tweet
Share
More Decks by castaneai
See All by castaneai
Cloud Gaming Platform with Go
castaneai
2
2.9k
お絵かきとScrapbox / Painting and Scrapbox
castaneai
0
810
PHPでもTraceがしたい!! / Introduction of OpenCensus for PHP
castaneai
0
2k
Other Decks in Technology
See All in Technology
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
mirakui
5
550
まだ間に合う! Agentic AI on AWSの現在地をやさしく一挙おさらい
minorun365
13
960
SREには開発組織全体で向き合う
koh_naga
0
380
業務のトイルをバスターせよ 〜AI時代の生存戦略〜
staka121
PRO
2
220
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
yayoi_dd
0
140
日本Rubyの会: これまでとこれから
snoozer05
PRO
4
160
プロンプトやエージェントを自動的に作る方法
shibuiwilliam
13
13k
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
150
エンジニアリングをやめたくないので問い続ける
estie
2
1.2k
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
430
2025-12-18_AI駆動開発推進プロジェクト運営について / AIDD-Promotion project management
yayoi_dd
0
120
「図面」から「法則」へ 〜メタ視点で読み解く現代のソフトウェアアーキテクチャ〜
scova0731
0
370
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
1k
Code Reviewing Like a Champion
maltzj
527
40k
A Modern Web Designer's Workflow
chriscoyier
698
190k
30 Presentation Tips
portentint
PRO
1
160
Rebuilding a faster, lazier Slack
samanthasiow
85
9.3k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.3k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
130
Joys of Absence: A Defence of Solitary Play
codingconduct
1
250
A designer walks into a library…
pauljervisheath
210
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
0
190
Transcript
エンジニア絵描きの会 #01 castaneai
• 自己紹介 • 環境紹介 • 絵のスキルが役に立ったこと • 便利サービス紹介 Agenda
自己紹介
@castaneai GitHub castaneai Twitter castanea https://castaneai.dev • Software Engineer
• ゲームのサーバーやさん
書いた同人誌 技術書典6 技術書典7
なぜ絵をかきはじめたのか アニメに影響された (2017年春)
なぜ絵をかきはじめたのか 気づいたら 買ってた
お絵かき 環境紹介 (2020年2月現在)
• iPad Pro • CLIP STUDIO 以上!
• 実質液タブ • 優秀なタッチ機能 • 持ち運び可能 • USB-C 1本完結 iPad
Pro
• 2,800円/年 (ひと月あたり240円) • JetBrainsの1製品 より安い!!! CLIP STUDIO PAINT for
iPad
もちろん完璧ではない PC+ペンタブの方が便利な場面もある …がとにかく考えることが少なくて済む 「とりあえずiPadとクリスタ買っとけ」ができる iPad Pro + クリスタ
エンジニアだけど 絵のスキルが 役に立ったこと
一人で 挿絵つきの 本が作れる
お堅い内容の本でも 挿絵があると…
イラストレーターさんに依 頼する場合 自分で描く場合 gRPCのLoad Balancing の挿絵を描いていただきたいの ですが… gRPC…??? Load Balancing…???
いきなり 描ける Load Balancingというのは… (以下長文)
便利サービス紹介 (Scrapbox)
単語を簡単につなげられる Wikiのようなもの
絵に関する知識を 全部つっこむ!!! ツールの使い方 参考資料 パーツごとの 描き方 失敗例 絵に関する 考え方
他ページへの リンク
このページにlinkしてる他 のページ達
Scrapboxの楽しさ 具体と抽象をつなぐ エンジニアの 得意分野では??
肌色の大部分を 陰にするとプロっぽい 単純な陰で立体的な 表現をする方法
肌色の大部分を 陰にするとプロっぽい 光と影の 関係性 単純な陰で立体的な 表現をする方法
肌色の大部分を 陰にするとプロっぽい 光と影の 関係性 単純な陰で立体的な 表現をする方法 具体例 具体例 抽象
光と影の 関係性 抽象 具体例 具体例 具体例 具体例
Scrapboxの楽しさ 表記ゆれに強い あいまい性の許容 ユビキタス言語 はなくてもOK
影?陰?
影 影と陰の違い 陰 リンクをたどれば 両方わかる
影 影と陰の違い 陰 ハイライト 合成モード ソフトライト 意外なつながりに 出会えることも 髪の塗り方
下描き 片方の単語しか 思い出せなくてもOK 2 hopで他の ページへもつながる
あとからタイトルを変えてもよい安心感
次々と絵の知識がつながっていく快感!!
• アニメに影響されて絵を描き始めた • iPad Pro + クリスタ 良いです!! • 絵描きエンジニアにはScrapboxが
超絶おすすめ まとめ
よろしければ followおねがいします! Twitter: @castanea Thank you for listening!!
• https://twitter.com/MasuyamaOsamu/status/1161901875526066176 • https://www.pixiv.net/en/artworks/48242074 • https://twitter.com/kishibe_/status/1002202124770467842 • https://twitter.com/sadaji_art/status/1001054547026919424 引用した資料