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

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

• 1.
  週刊Webサイトのアーキテクチャ kawasima
• 2.
  Background
• 3.
  SIerのミッションおさらい わたしたちは、「お客様のため」最善を尽くします 真のプロフェッショナルとしての誇りを胸に、あくなき 挑戦を続ける お客様のビジネスや社会の変化の本質を迅速に捉え、 常に新しい技術の探求を行うことで、一歩先を行く サービスと品質を提供します。 SIerたちの企業理念
• 4.
  顧客のための最善とは? ☑あなたの設計判断は世間的には一般的なものなの? ☑運用/保守上の課題は無いの? ☑それが本当に一番コスト安くできる案なの? ☑問題起きたときに説明責任果たせる? ☑顧客はそれを社内外に自慢できる? 最善チェックシート
• 5.
  質問Attitudeからみたエンジニアの分類 自分より詳しい分野をもつエンジニアを社内外問わず 多く持っていて、自信が持てないことはその人たちに 必ず確認する 自分と同じくらいのレベルの人には質問するが、 それ以上の人にはなんか聞きづらい… なので半径3㍍の中で頑張る えっ、自力で仕事をこなして一人前でしょ? (誰にも聞かない) A B C
• 6.
  B,CのAtitudeって"最善"ですか?
• 7.
  "最善"を尽くさない理由
• 8.
  自分の知らなさ加減を把握してない The Five ordersof Ignorance 0OI: 全部分かっている 「答え」を持っている。あとは書き写すだけで完成する。 1OI: 分からないことが分かっている 答えを得るための「質問」を持っている。 2OI: 分からないことが分からない 「質問」を持たない状態。決定的な答えを引き出すための「質 問」ができない。 3OI: 分からないことが分からない状況を何とかする術を知らない 2OI→1OI→0OIと進んでいくためのプロセスがない状態です。 4OI: 無知にレベルがあることを知らない
• 9.
  「質問」が上手くない http://www.hyuki.com/writing/techask.html
• 10.
  今必要な知識しか欲しない
• 11.
  Action
• 12.
  "最善"を身近にしよう システムエンジニアが明日すぐに役に立つ知識をみんなに届ける アーキ部 システムエンジニア Advent Calendar 週刊Webサイトのアーキテクチャ
• 13.
  アーキ部 毎週金曜日18:00〜 弊社内クラブ活動 ● 「現場で起きている問題」を相談したり ● 「明日役に立つ知識」を共有したり 来年からは、社外の人も集めるイベントもやりたい。 弊社Tech-Circleとの違い 　Tech-Circle -未来を創る 　アーキ部　- 今を活きる
• 14.
  http://qiita.com/advent-calendar/2015/se
• 16.
  週刊Webサイトのアーキテクチャ GoFやPofEAAは、粒度が細かく、システムエンジニアの欲する 「今役に立つ知識」にヒットしにくい https://www.gitbook.com/book/kawasima/website-architecture 毎号集めると、立派なシステムエンジニアが完成するよー コンシューマ向けであろうが、エンタープライズ向けであろうが Webサイトを作るうえで、「必ずでる」アーキテクチャを紹介す るパターン集を出版(目指してます)。
• 17.
  (例) 入力フォームに関わるパターン ● 文字の正規化 ● 使用可能文字以外の入力ブ ロック ● 必須項目のカラーリング ● ふりがな自動入力 ● 送信ボタンブロック ● 郵便番号住所変換 ● プルダウンメニューの初期値 ● メールアドレスドメイン補完 ● エラー項目のフォーカス ● 入力ステップ表示 ● ソフトウェアキーボード ● パラメータの自動トリム ね？ 絶対にでそうでしょ?
• 18.
  まとめ
• 19.
  システムエンジニアにとって 「必ずでる」知識はまだまだ未整備 みんなで「必ずでる」知識を蓄積していこう！ 「週刊Webサイトのアーキテクチャ」ではみなさんの writing requestをお待ちしております