地図を描けば未来は見える

2013.07.27第14回リクリセミナー LT

地図を描けば未来は見える角南北斗（Sunami Hokuto）

photo by pakutaso.com

角南北斗Sunami Hokuto

フリーランス

何してる人？

Web 学習

外国人介護士の日本語学習を

支援するWebサイトの制作

電子書籍：プレゼン入門

調理師専門学校で

飲食店開業の支援講座

photo by pakutaso.com

そんな感じでいろいろやっています

今日お話しするテーマ

Web 学習

学習が専門なので...

この先生きのこるための

学びのヒント

スライドは後でお渡しします。リソースは以下にまとめてます。

https://gist.github.com/shokuto/6038945

年齢や経験を重ねるほど、どうしても自分の都合で物事を考えようとしてしまう。

梅原大吾「勝ち続ける意志力」より

心当たり、ありませんか？

毎日忙しい

余裕がない

だから、勉強も効率良く...

✴ 理解しやすいもの

✴ 学ぶ必要性が明確なもの

✴ すぐに使えるもの

だけを勉強しがちでは？

ついつい

✴ パッとは理解できないもの

✴ 学ぶ必要性が不明なもの

✴ すぐには使えないもの

を敬遠しがちでは？

言い換えると




ということが多い

自分にとって新しいものって




は学ぶ価値がない？...わけがない

今の自分にとって

効率良く学ぶことは大切。でもそれは「学ぶべきこと」を決めてからの話。

何を学ぶか判断するときは効率だけを考えていると偏ったものになってしまう

結論：

とにかく学んでみよう！

...とはいえ

毎日忙しい

余裕がな(ry

最初はやる気があっても暗中模索が長く続くのではモチベーションが低下...

そこで

新しいことを学ぶ際に参考になるかも...なコツを自分の体験から３つ紹介

1技術は、関連する技術と

いっしょに理解する

Sassをやりはじめた時のこと

Sassは情報が入手しやすい。少し検索すれば、基本概念、環境作り、記法も把握できる。

＝速くCSSを書く方法

...だと理解したものの

?毎日コードをバリバリ書くような仕事って僕はしてないし...でも、がんばってマスターすべき？

モヤッとしたのでこんなことをやってみた

Sassに関連する技術をたとえ浅くでもいいから手当たり次第に勉強してみた

他の CSS Preprocessor

HTMLのPreprocessor

CSS Frameworkにも採用

PID TTY TIME CMD 1 ?? 0:03.04 /sbin/launchd 10 ?? 0:01.94 /usr/libexec/kextd 11 ?? 0:00.31 /usr/libexec/UserEventAgent -l System 12 ?? 0:00.62 /usr/sbin/notifyd 13 ?? 0:00.11 /usr/sbin/diskarbitrationd 14 ?? 0:02.65 /usr/libexec/configd 15 ?? 0:00.28 /usr/sbin/syslogd 16 ?? 0:02.53 /usr/libexec/opendirectoryd 17 ?? 0:00.12 /usr/sbin/distnoted daemon 18 ?? 0:02.46 /System/Library/Frameworks/CoreServices.framework/Versi 19 ?? 0:00.76 /System/Library/CoreServices/powerd.bundle/powerd 24 ?? 0:00.80 /usr/sbin/securityd -i 31 ?? 0:02.96 /System/Library/CoreServices/coreservicesd 33 ?? 0:00.33 /usr/sbin/ntpd -c /private/etc/ntp-restrict.conf -n -g 38 ?? 0:00.03 /sbin/SystemStarter 40 ?? 0:00.03 /usr/libexec/stackshot -t 43 ?? 0:00.09 /System/Library/PrivateFrameworks/GenerationalStorage.f 47 ?? 0:00.14 /usr/sbin/netbiosd 48 ?? 0:18.21 /System/Library/Frameworks/CoreServices.framework/Frame 49 ?? 0:00.89 /usr/sbin/mDNSResponder -launchd 51 ?? 0:03.01 /System/Library/CoreServices/loginwindow.app/Contents/M 53 ?? 0:00.03 /usr/sbin/KernelEventAgent 55 ?? 0:40.95 /usr/libexec/hidd 57 ?? 0:00.02 /sbin/dynamic_pager -F /private/var/vm/swapfile 62 ?? 0:00.03 autofsd 64 ?? 0:01.45 /System/Library/PrivateFrameworks/ApplePushService.fram 65 ?? 0:00.32 /usr/sbin/aosnotifyd

その過程で黒い画面も少し..

便利なツール群もあるらしい

そうやってアレコレやってるうちに...

あ、これって...

コンポーネント！ライブラリ！！プロトタイピング！！！

霧が晴れる瞬間があった

＝速くCSSを書く方法

プロトタイピングに

不可欠な技術の１つ

いまの自分に必要なのは...

いまの自分の判断基準で安易に評価を固めてしまわない！

角南北斗「あの時の俺に言いたいこと」

2技術の背景にある

歴史や思想に目を向ける

<button class="btn btn-primary">

このclass名、カッコ悪いよ

...と思っていた時期が私にもありました

モヤッとしたのでこんなことをやってみた

クラスの付け方＝CSSの設計。昔から第一線で考えてそうな先人の語りを読んでみた。

OOCSSとSass - Takazudolog

ちゃんとCSSを書くために

- CSS/Sass設計の話 by 谷拓樹

CodeGrid（メールマガジン）

SMACSS (ePub/日本語版もあり)

あ、これって...

安全！安心！！見通し良好！！！

霧が晴れる瞬間があった

＝何それカッコ悪い...

大規模で複雑なサイトを

管理する設計のサンプル

.btn

世間が評価しているものにはそれなりの理由があると思え！


1. 関連技術をまとめて学ぶ

2. 歴史や思想も学ぶ

地図を描けば未来は見える


どんな技術がどう絡み合っているか俯瞰して整理し理解できれば


将来、業界がどう変化するか想像もしやすくなる

地図を描くように学べば未来は想像できる！

そのことがわかったら、あとは新しいことを学ぶだけ！

じゃ、いつやるのか?!

...今じゃなきゃダメなの？

だって...

コツとか言いながらやることを増やしてるし...

自分の力で地図を描くのってどう考えても楽じゃないし...

しばらく待てば、エライ人が地図を示してくれるだろうし...

というか、毎日忙し(ry

それでも、やった方がいいと

「僕が」考えている理由

Web 学習

僕は活動領域が広い

アレコレやっているぶん、専門を深堀りしている人には純粋な技術勝負では勝てない

だから、戦い方に工夫がいる

古のいわゆる善く戦う者は、勝ち易きに勝つ者なり

孫子「形篇」

いにしえ

たいした努力をしなくても勝てる場所で、努力をしなさい

林修「いつやるか？今でしょ！」

不得意な分野・不利な領域で戦わず、自分が得意な分野・有利な領域で、しっかりと努力をしよう

それならば...

世界を少しでも早く見て回って、戦えそうな領域を見つけたい。少しでも有利な状況で戦いたい。

だから、たとえ苦労してでも自分が先に地図を描いて不完全でも未来を予想したい

それに、変化にも未来にも前向きにアプローチしたほうが毎日は楽しくなるはず


まず自分から

自分なりの

3Web以外の本も読み

自分の未来と関連づける

自分の世界に影響を与えるのはWebの技術の変化だけではない。

たとえば、クライアントの変化。たとえば、ユーザーの変化。たとえば、社会そのものの変化。

だから、クライアントを知る。だから、ユーザーを知る。だから、社会そのものを知る。

そのために、本を読む。本を読んで未来を思い描く。

たとえば、ゲームの業界

ゲームから学ぶデザイン思考術（schoo / 長谷川恭久さんの講義）

ゲームからデザインを学べる本の例

（ブログにまとめています）

Webが何でも先端とは限らない。Webで最近騒がれだしたことが、他の業界では常識、ということも。

未来の地図を描くための材料はWebの外にも転がっている。そう思って意識的に目を向けよ。


1. 関連技術をまとめて学ぶ

2. 歴史や思想も学ぶ

3. Web以外からも学ぶ

みなさん、よい学びを！

@shokuto

ありがとうございました

withcomputer.jp

Education

地図を描けば未来は見える