マークアップは下準備が80% - SaCSS

2019年4月13日に開催されたSaCSSでのサトウ ハルミさんの発表のツイートをまとめました。
3
うぇびん(holyKurka) @webbingstudio

二人目はコーディング専門の制作会社FLATの代表をしているサトウハルミさん @uzu 札幌にもかつてコーディング専門の会社がありました。懐かしさ… #sacss

2019-04-13 11:19:03
うぇびん(holyKurka) @webbingstudio

ファミリーレストランがとても早く料理を出せるのは、下準備を済ませていて、決められた調理をすればできるようにしているから #sacss

2019-04-13 11:20:15
Вёе @bee_d2b

マークアップによってそのあとWPに落とし込むときの工数も変わるから下準備大事 #SaCSS

2019-04-13 11:20:51
うぇびん(holyKurka) @webbingstudio

「使い回しなどで作業を効率化してコストダウンすることで、クォリティに時間をかけたり、浮いた時間で新しいチャレンジができる」ほんこれ #sacss

2019-04-13 11:22:16
池田 泰延 @clockmaker

手打ちがいいのは蕎麦と饂飩だけ HTMLのマークアップは手打ちは効率よくない #sacss pic.twitter.com/c5IHAoAvmM

2019-04-13 11:23:49
拡大
コモモ先生 @komomoaichi

マークアップは下準備が8割 #sacss

2019-04-13 11:24:18
akahappa @akahappa

サイトのメニューとか、使いまわしたいのになんだかんだいっつも一から書く羽目になって使いまわせる書き方できる人尊敬しかない #sacss

2019-04-13 11:24:31
シュンヤ🐶 SHUNYA ISHIZUKA @ishunya_0804

コーディングは料理と同じで「仕込み」が大事 #sacss pic.twitter.com/YPBxLDjCZx

2019-04-13 11:24:47
拡大
歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

ご参考までに、半田流のAdobe XDを使用したマークアップの下準備の例です(札幌のAdobe XD meetingにて) #sacss #XDUG thinkingsalad.com/technology/sap…

2019-04-13 11:27:05
Вёе @bee_d2b

自分もコーディングはぺーぺーなので紙に印刷してからブロック分けや余白計算なんかを書き込んでからやってる 頭の中で描けないけどそれなら視覚的に作りやすくできる #SaCSS

2019-04-13 11:27:34
マミりん @mamiline6

印刷して全部書き出してたなぁー #sacss

2019-04-13 11:29:09
うぇびん(holyKurka) @webbingstudio

全体の構造とfont-sizeやline-heightなどを紙に書きだしておく。CMの絵コンテのように。PSDなどのカンプからコーディングをしつつ調べる作業がはぶける #sacss

2019-04-13 11:30:14
マミりん @mamiline6

1ページデザインずつコーディングする流れだったからモジュールで考えるコーディングするのだいぶ後だった #sacss

2019-04-13 11:30:59
うぇびん(holyKurka) @webbingstudio

bodyの背景に薄くしたカンプ画像を表示してぴったり合うようにコーディングする…というのを一時やったことがあるのですが、要素に背景色を指定すると見えなくなってしまうので諦めました #sacss

2019-04-13 11:32:00
うぇびん(holyKurka) @webbingstudio

フレームワークの自作はほんとおすすめ。スキルアップになるし、これまでなんとなくやっていた作業の根本からの見直しになります。よかったら私のecho.cssもみてー cms-skill.com/echo-css/ #sacss

2019-04-13 11:34:28
歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

自作フレームワーク問題は、個人の癖とか、どこまで作り込むとか、その辺りのバランス感覚がとても難しい(半田意見) #sacss

2019-04-13 11:38:10
西畑一馬@to-R @KazumaNishihata

うちのスタッフがBulmaの解説本だしてますよ。 booth.pm/ja/items/493575 #sacss

2019-04-13 11:38:11
マミりん @mamiline6

フレームワークから組み方を学んだりする #sacss

2019-04-13 11:38:47
うぇびん(holyKurka) @webbingstudio

あ、透かしコーディング出てきたw #sacss

2019-04-13 11:40:29