【第2回】(2015.7.17)JAWS-UG初心者支部 箇条書きメモ

mediba社 ヒカリエ31階

■アカウントつくってはじめること
(本番環境)セキュリティと請求
セキュリティ

クラウドtrailの有効化
→APIログとれるもの。
例…権限強い人がログインすると通知とばすとかできる。
→通知することで抑止になる
＜注意＞
→すべてに対応していない。
→設計不十分だと意味をなさない。
→メールとパスワードだけの認証だと弱い

MFA
→認証強化。カード型とかある。
→スマホのワンタイムパスワード

パスワード知っている人とトークン知っている人をわける

IAMユーザとグループ
権限はJSON形式で書くことが可能
→権限を制御できるため、被害を最小限にできる。オペミスの予防
※共有は絶対だめ
パスワードポリシー変更すべき

IAMユーザ 請求アクセス制御
→IAMユーザに参照権限を簡単につけれる

支払通貨の変更
→円にできる。今までは手数料がかかっていた。
→簡単にできる。

請求の通知設定
→メールで受けとることが可能

タグつけてもきちんと機能しないものがある。

予算
→月の予算設定。
→細かいメッシュで管理できる
→(コスト高の)原因が分かりやすい

Trusted adviser
→そもそも何をチェックすればよいか不明なときに。
→リソース状態は分からない

■脱初心者
色んな初心者
どこまでできればOK!?

スコアから分かるのがTOEIC
認定資格あり

デベロッパ&SysOpsがおすすめ
ラウンジ利用可、名刺にロゴつける

運転免許&パスポートが最強

活用資料集
Black ～
サンプル問題

オンラインで模擬あり。自宅でも可。
セルフベースラポ
→にへいさん資料

ナレッジセンター
→FAQ。英語

CDP
本
→クラウドデザインパターン設計ガイド 改訂版
→パターン別構築・運用

インフラ苦手
→3分間ネットワーク基礎講座
→インフラデザインパターン
→webエンジニアが知って

とにかく触る
→分からないものはすぐ調べる

合格を目標としない。
→仕事に活かすため。資格はツール。
実力を確認するツール。

■失敗例 mediba(auスマートパスとか)
オンプレと同じ構成はアンチパターン
オートスケーリング自体には課金ないので、入れるべき。

サービス、機能毎にマイクロサービス

可能ならマネージドサービス。

AWSではインスタンスは落ちて当たり前。(クラウド)
マルチAZは当然。

インスタンス情報が立て直す度にかわる。
iPはEla～をつかう

オンプレ脳から脱却！

やってみなきゃわからないが容易。
コミュニティが活発

****  ここからスピーカの話しに夢中でメモなし。。。

AWSの勉強会に初参加！

まずは第1歩を踏み出せました。
**********
JAWS−UG 初心者支部: 第１回JAWS-UG初心者支部を開催しました！: みなさま、こんにちは。 JAWS-UG初心者支部もブログを立ち上げました！ ここでは、イベントの告知や、開催情報などなどを共有していければと思っています。 さて、記念すべき第１号のネタは、去る５月１４日（木）に開催されました、JAWS-UG初心者支部の開催レポートです。...

HTML5が開く新しい未来予想図（II）

参加したセミナーや勉強会メモを箇条書きで残しておきます。

１．開会・キーノート、ちょっと気になるタグの話前半）
　　中島 俊治氏(主催)

ＨＴＭＬ５
→デザイン要素なくなってきた。
　文章の構造

ＣＳＳ３
→リッチ、アニメ、三次元

ＪａｖａＳｃｒｉｐｔ
→メイン(とても使う)
　双方向性(人⇔システム)
　ＩＴＦ？！
　ドローン
　ＡＰＩ＞Ｗｅｂブラウザを越える
　→業務アプリになる。

２．Do you know HTML5 and FrontEnd？
　　山崎 大助先生

ヒカラボ。
パソナテック。
G's ACADEMY TOKYO
セカイを変えるGEEK(クリエーター)になろう
→授業料後払い

レスポンシブル
～２８歳　アパレル
→ここ１０年でＨＴＭＬ５
→過労で入院、解雇。
　→自分にスキルを身につけないといけない(危機感)

「いつでも変われる。今日から変われる！」

トレンド
　①universions
　②milkcocoa ←　簡単。おすすめ。
　　Git、ユニマット

　①チャット、バージョン管理、裏はGit
　　小さいところ(※)はねらい目

　　※学校とか。ファイル名でバージョン管理している。
　　　例）yyyymmdd.war みたいに。

　②リアルタイム通信
　　WebSocket、JavaScript
　　→メッセンジャー作れる

勧告されたので、、
　ＨＴＭＬ５はＨＴＭＬになった。
無印良品サイトはよくできている
→ソースは参考になるはず。

ＨＴＭＬ５
→アプリになった

　ア．セマンティックな構造
　　　→要はソースから画面イメージが分かる

　　　HTML5以前　：　<div id="time">～
　　　　　　　　　　※IDを工夫して可読性あげている
　　　HTML5　　　：　<time>～
　　　　　　　　　　※要素みれば、時間に関するものだとわかる

　イ．ＡＰＩ豊富
　　　Local Storage
      Web Storage
　　　→ブラウザを落としても保存される
　　　　(簡易DB)

参考サイト
http://fmbip.com/litmus/
http://mobilehtml5.org/

フロントエンド エンジニア(HTML,CSS,JavaScript)
バックエンド エンジニア(PHP,Perl)

【今まで】
　「デスクトップ ファースト(ＵＩ優先)」
　ＰＣ向けをつくって、それを他デバイスでも参照できるように
　展開する。

【これから】
　「モバイル ファースト(ＵＩ/ＵＸ)」
　今どき帰宅してからＰＣ開かない。
　→スマホサイトでは、サクサク動くことが大切
　　すなわちＵＸ(操作性、パフォーマンス)
　　→奇抜は不要。
　　フレームワーク
　　bootstamp

JavaScriptできると幅広がる

コード簡素化
<input type="date">
→これだけカレンダー

ブラウザへのデータ保存
→スマートデバイスでも？！

ビデオ要素を使って字幕を入れることも可能

翻訳アプリも自分で作成可能

端末→(文字データ)→ＡＰＩ
ＡＰＩ→(音楽データ、映像データ)→端末

ファイルＡＰＩ
→ブラウザから画像編集、ＤＬ可能

『作りながら学ぶ』

３．HTML5が創りだす新たな世界
　　成井 弦理事長

すべてはＨＴＭＬ５になる(日経コンピューター)

HTML変革
　4.01:文書閲覧
　　　↓
　5   :アプリ実行環境

ワンソース・マルチユース
　　　　　　マルチデバイス

基幹系
→様々なデバイス
　　　　社内システムでも対応が迫られている

Oracle Java7
→HTML5採用

SAPもHTML対応
SAP Fiori

今後、Java　→　JavaScript,HTML5

楽天 HTML5
WPO html5
→YouTube
　0.x秒遅くなれば、客が逃げる

kendo UI データ可視化もHTML5
データの見せ方が大切。
→グラフなどもHTMLにすることで
　ダイナミックに変化して見せることが可能

医療の可視化もHTML5

WebGL(webgl)
→openglのサブセット
→いろんなことができる

本格的な3D CGもHTML5で可能

http://helloracer.com/webgl

TVもHTML5対応
hybridキャスト
→すべての民放
　スポンサー集めに苦労
　オリンピック時には、皆HTML5対応TVを
　見てるのでは・・・

バックエンド⇔(HTML5)⇔フロントエンド


４．ちょっと気になるタグの話後半・閉会
　　中島 俊治氏

ハイコンセプト
知識は点、開発は線。
線が増えれば面になる。

editable
→HPもそのまま変更可能

FireFox → 安い。世界で拡大

メールアドレスのチェックもクライアントサイドで可能
→ただし、過信は禁物。

＊＊　講師プロフィール(dots.より抜粋)　＊＊
中島 俊治先生
放送大学面接授業「HTML5入門」非常勤講師

ソフトバンク入社。GeoCities JAPAN一号社員として立上従事、
Yahoo! JAPANなどのベンチャ企業ののち、独立。
現在は大学・短大、企業研修、PCスクール、
そしてHTML5アカデミック認定校「東京アプリ･ワークショップ」での
HTML5、Webアニメーションなどの講師。
HTML5プロフェッショナル認定資格レベル１・レベル２取得。
マイクロソフトMVP2014受賞。

山崎 大助先生
デジタルハリウッド大学大学院・デジタルハリウッドオンラインスクール講師
「数々のIT系メディアに登場し、２年連続 Microsoft MVP（Bing Maps Development）
に選ばれた業界最前線で活躍するクリエイター」、
アジアで唯一（世界９人中の１名）のMicrosoftMVP（BingMapsDevelopment）として、
Bing関連のAPIだけでなく、HTML5やWeb関連技術の普及に尽力している。
IT系メディアでの寄稿、書籍の執筆など、ヒカ☆ラボなど他のセミナーやイベントでも活動。最近では「HTML5アプリ作ろうぜ！」の連載で人気を集めている。

成井 弦理事長（ゲスト）
特定非営利活動法人　LPI-Japan 理事長
現在のインターネットの元になる分散処理を普及させた
DEC (Digital Equipment Corporation)に入社。米国DECの副社長を経た後に
CG (Computer Graphic)で有名になったSilicon Graphics (SGI) Japanに入社。
SGIにてIT＋Creativeな世界を経験。代表取締役副社長時代にLPI-Japanを設立、
現在に至る。
（LPI-JapanはLinux, PostgreSQL (OSS-DB), HTML5プロフェショナルの認定を行うNPO.）