週刊Webサイトのアーキテクチャ

19
週刊Webサイトのアーキテクチャ kawasima

Transcript of 週刊Webサイトのアーキテクチャ

Page 1: 週刊Webサイトのアーキテクチャ

週刊Webサイトのアーキテクチャ

kawasima

Page 2: 週刊Webサイトのアーキテクチャ

Background

Page 3: 週刊Webサイトのアーキテクチャ

SIerのミッションおさらいわたしたちは、「お客様のため」最善を尽くします

真のプロフェッショナルとしての誇りを胸に、あくなき挑戦を続ける

お客様のビジネスや社会の変化の本質を迅速に捉え、常に新しい技術の探求を行うことで、一歩先を行くサービスと品質を提供します。

SIerたちの企業理念

Page 4: 週刊Webサイトのアーキテクチャ

顧客のための最善とは?☑あなたの設計判断は世間的には一般的なものなの?☑運用/保守上の課題は無いの?☑それが本当に一番コスト安くできる案なの?☑問題起きたときに説明責任果たせる?☑顧客はそれを社内外に自慢できる?

最善チェックシート

Page 5: 週刊Webサイトのアーキテクチャ

質問Attitudeからみたエンジニアの分類自分より詳しい分野をもつエンジニアを社内外問わず多く持っていて、自信が持てないことはその人たちに必ず確認する

自分と同じくらいのレベルの人には質問するが、それ以上の人にはなんか聞きづらい…なので半径3㍍の中で頑張る

えっ、自力で仕事をこなして一人前でしょ?(誰にも聞かない)

ABC

Page 6: 週刊Webサイトのアーキテクチャ

B,CのAtitudeって"最善"ですか?

Page 7: 週刊Webサイトのアーキテクチャ

"最善"を尽くさない理由

Page 8: 週刊Webサイトのアーキテクチャ

自分の知らなさ加減を把握してないThe Five orders of Ignorance

0OI: 全部分かっている「答え」を持っている。あとは書き写すだけで完成する。

1OI: 分からないことが分かっている答えを得るための「質問」を持っている。

2OI: 分からないことが分からない「質問」を持たない状態。決定的な答えを引き出すための「質問」ができない。

3OI: 分からないことが分からない状況を何とかする術を知らない2OI→1OI→0OIと進んでいくためのプロセスがない状態です。

4OI: 無知にレベルがあることを知らない

Page 9: 週刊Webサイトのアーキテクチャ

「質問」が上手くない

http://www.hyuki.com/writing/techask.html

Page 10: 週刊Webサイトのアーキテクチャ

今必要な知識しか欲しない

Page 11: 週刊Webサイトのアーキテクチャ

Action

Page 12: 週刊Webサイトのアーキテクチャ

"最善"を身近にしようシステムエンジニアが明日すぐに役に立つ知識をみんなに届ける

アーキ部

システムエンジニア Advent Calendar

週刊Webサイトのアーキテクチャ

Page 13: 週刊Webサイトのアーキテクチャ

アーキ部毎週金曜日18:00〜 弊社内クラブ活動● 「現場で起きている問題」を相談したり● 「明日役に立つ知識」を共有したり来年からは、社外の人も集めるイベントもやりたい。

弊社Tech-Circleとの違い Tech-Circle - 未来を創る アーキ部 - 今を活きる

Page 14: 週刊Webサイトのアーキテクチャ

http://qiita.com/advent-calendar/2015/se

Page 15: 週刊Webサイトのアーキテクチャ
Page 16: 週刊Webサイトのアーキテクチャ

週刊WebサイトのアーキテクチャGoFやPofEAAは、粒度が細かく、システムエンジニアの欲する「今役に立つ知識」にヒットしにくい

https://www.gitbook.com/book/kawasima/website-architecture

毎号集めると、立派なシステムエンジニアが完成するよー

コンシューマ向けであろうが、エンタープライズ向けであろうがWebサイトを作るうえで、「必ずでる」アーキテクチャを紹介するパターン集を出版(目指してます)。

Page 17: 週刊Webサイトのアーキテクチャ

(例) 入力フォームに関わるパターン● 文字の正規化● 使用可能文字以外の入力ブロック

● 必須項目のカラーリング● ふりがな自動入力● 送信ボタンブロック● 郵便番号住所変換

● プルダウンメニューの初期値● メールアドレスドメイン補完● エラー項目のフォーカス● 入力ステップ表示● ソフトウェアキーボード● パラメータの自動トリム

ね? 絶対にでそうでしょ?

Page 18: 週刊Webサイトのアーキテクチャ

まとめ

Page 19: 週刊Webサイトのアーキテクチャ

システムエンジニアにとって「必ずでる」知識はまだまだ未整備

みんなで「必ずでる」知識を蓄積していこう!「週刊Webサイトのアーキテクチャ」ではみなさんの

writing requestをお待ちしております