メルマガ（2013.04.16 発行）

published in 2013.04.16

※ このメールは Knock! Knock!勉強会にご参加いただいた方へお送りしています。

Knock!Knock!からのお知らせ
（2013.04.16発行）

こんにちは。Knock! Knock! の矢部です。

トップネタは連続で CSS Nite in SHIZUOKA, Vol.4 。Geolocaton APIを利用して、位置情報で出力される内容に若干の変化をつけてみました。GPSはもちろん、WiFiでも結構な精度が出ることに驚きです。HTML5時代のWebデザイン、ぜひセミナーで感じてくださいませ。

もうね、JSをちょっと書けるだけで世界は広がりますよ！（ってオチがない…）

「14th Knock!」は、今週金曜（4月19日） 19:30〜に開催します

次回の「14th Knock!」第14回勉強会は、下記の予定で開催します。

日　時 : 2013年 4月19日（金）　19:15開場 / 19:30開始 / 21:30終了（予定）
　　　（前の時間に for Starter を行なっています）
開　場 : b-nest 静岡市産学交流センター演習室1
対　象 : Web制作の現場で働いている方 / Web制作の現場に興味関心のある方

4/16現在、参加登録 7名です。ぜひご参加をお願いいたします。
試験的に、参加者のTwitterアイコンをサイトに表示しています（OKされた方のみ）

「HTML5 Boilerplate」から考える、これからのマークアップ（矢部）

HTML5のテンプレートとして有名な「HTML5 Boilerplate」。「最もポピュラーな」とサイトにも謳われているように、多くのサイトで採用されています。テンプレートにはHTMLやCSSはもちろん、jsや.htaccessも含まれています。これらを読み解くことで、「なぜ使われているか」「なにが便利なのか」を探し、これからのマークアップに活かす方法を考えていきます。

iOS ヒューマンインターフェイスガイドライン第2回（矢部）

読書会形式での「iOS ヒューマンインターフェイスガイドライン」。有名だけどちゃんと読んでない。そんな文書を読み解いていこうと思います。（スマートデバイス向けサイト制作に直結しそうなところを重点的に、全体を3〜４回くらいに分けて）
第2回の今回はP55からの「ユーザ体験ガイドライン」を中心に見ていきます（P88からP209は主にiOSアプリ向け情報のため、ざっくり流す感じで）。
https://developer.apple.com/jp/devcenter/ios/library/documentation/MobileHIG.pdf

ぜひご参加ください。

14th Knock! の詳細情報はこちら

初学者向け勉強会「Knock! Knock! for Starter #1」始めます

4月からの新企画として、初学者向けの勉強会を開催します。会場レンタル時間の有効利用とコミュニティ拡大をはかり、現役のWeb制作者とWeb制作者をめざす人の橋渡しになれば、と考えています。

日　時 : 2013年 4月19日（金）　18:20開場 / 18:30開始 / 19:15終了（予定）
　　　（for Starter終了後、引き続きレギュラーの勉強会を開催します）
開　場 : b-nest 静岡市産学交流センター演習室1
対　象 : Web制作を学んでいる人 / DTPの人 / 営業職など

4/16現在、参加登録 2名です。こちらもぜひご協力をお願いいたします。

書籍解説 : 『基礎から覚える、深く理解できる。 Webデザインの新しい教科書』

2月に発売された書籍『基礎から覚える、深く理解できる。 Webデザインの新しい教科書』をテキストに、現場のプロ（って自称していいよね）が解説していきます。初回は「Lesson1 Webデザインの世界を知る」を扱います。本書の「Lesson1」「Lesson2」は、Webサイト制作の概要的な話のため、「Web制作を理解したい営業さん・マネージャーさん」といった方にもオススメです。

基礎から覚える、深く理解できる。 Webデザインの新しい教科書

※ 事前にテキストをお読みになり質問などをまとめておくと、より効率的に学習できると考えます。

ぜひご参加ください。

Knock! Knock! for Starter #01
詳細情報はこちら

Web関連の気になるニュース/ブログからピックアップ

※ （）のなかは筆者の個人的な感想・意見です。

Webデザイン

25 Tutorials of Advanced User Interface CSS3 Effects （英語。CSS3のサンプル集としてどうぞ）
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方 | Arch （ディテールまでなぞってみて、初めて見えてくるものもありますね）
ECサイトのコンバージョンを改善する11の鉄則 | SEO Japan （どれも当たり前なんですが、なかなかやりきれない所でもあり…永遠の課題です）
Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」 | DesignDevelop （Fwは動くモックを作りやすいので、こういうの適してますよね）

マークアップ / フロントエンド開発 / CMSなど

WordPress 新テーマ Twenty Thirteen をチェックしました㈰ | WordPress 不動産プラグインで不動産ホームページ（WPで作ったブログもTwenty Elevenはよく見ますが…どうなんでしょうね）
CSSプロパティの継承：inherit 忘れてたわー | MOL （いまいち使いドコロがわからない inherit の解説。ふむふむ、）
角丸、グラデに透過PNGなど、IE対応に必要なjavascriptのまとめ | IMAGINATION DESIGN BLOG - WordPress Mac.の情報を中心に紹介（IEでフォールバックが必要な場合にどうぞ。私はもう頑張らない方向です）
[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox | コリス（なんでもかんでもRWD。なんかもう、そういうことじゃないだろ感が…）
CSS4.biz （まぼろしさんが始めたCSS4紹介サイト。もうCSS4が始まってるんですよ！）
構造はHTML、装飾はCSS、動きが欲しければJavaScript　静的サイトの成り立ちを理解する　（1/4）：MarkeZine（マーケジン）（フロントエンド実装の基本概念。初学者の方はぜひご一読を。）

IA・ディレクション・サイト運営など

フォトダイアリーで実践するUX改善、ユーザー目線そのものから顧客ニーズを掘り起こす | Web担当者Forum （とりあえず、一度 UX_Shizuoka に参加するといいですよ）
長谷川敦士氏「単なる利用者のニーズではなく、何に価値を感じるのか本質的に捉えて、そこに向かうことがUXの肝」 | Web担当者Forum （大事なことなのでもう一度。UX_Shizuoka に参加するといいですよ）
どれだけ熱く、強く、優秀なチームを作れるか .FN/N/ チームビルディングの作法 | AdverTimes（アドタイ）（「ケーパビリティを正しくプレゼンテーションできるようになっておく」ですよ！）

SEO・SEM・マーケティングなど

FacebookのOGP仕様がまたもや変更! og:imageの推奨サイズが1500.ANW1500に! | [M] mbdb （1500pxもですが、このサイトのOGPは一度見るといいですよ）
見積書のチェックポイント、上辺の金額だけで発注先を判断するのはNG／第5回 | Web担当者Forum （正論です。問題は、その見えないところをどう伝えていけるか…ですよね）
ブランドサイトの目的と役割 | FICC inc. （「ブランドが抱えている課題を正しく理解する」ですね。）

ツール / デバイスなど

安土城があった時代の風景を楽しむアプリ　近江八幡市がiOS用アプリ「VR安土城タイムスコープ」を無料公開 | カレントアウェアネス・ポータル（こういうARはアプリをDLしても試したいですね。駿府城とかもやってみたらいいのに）
無料ECのBASEがカスタマイズサービス「BASE Apps」公開ーー見えてきたビジネスモデルとは（PayPalをめざす、と。）
「RSSの次」の可能性をWordPressが見せてくれたかもしれない - カイ士伝（WPをRSS Reader化できたり、電書化できたり。もうプラットフォームですね）

そのほか

林修さん-プロ論。-／リクナビNEXT[転職サイト] （「今でしょ」先生のプロ論。「仕事は、好きだからやるもんじゃない」なるほど…）
零細・中小企業がweb制作会社を選定するときのポイント | More Access! More Fun! （制作サイドの方、自分がこういう視点に耐えられるか考えるのも大事ですよね）
零細・中小企業がWeb制作会社を選定するときのポイントが全くもってずれまくってる件。 - Junnama Online （↑に対するJunnamaさんの反論。見てる世界が違うけど、どっちも正論かと）
「これからメディア業界でメシ食ってくってどうなんですか？」就活生から「OB訪問」されてみた（下）｜佐々木俊尚 blog （「プラットフォームに飲み込まれる中で」のくだりは、グサりときますね）

静岡県内のWeb/IT系勉強会からピックアップ

【 UX Shizuoka 2013 #1 】: 日　時 : 2013年04月20日（土）; 会　場 : あざれあ（静岡市）; 定　員 : 30名; 参加費 : 4,000円（学割あり）; 概　要 : UX Shizuokaの第2ラウンド。HCD基礎とオブザベーションワークショップ

【 a-blog cmsの日 in 静岡】: 日　時 : 2013年04月25日（木） 13:00-21:00; 会　場 : B-nest 第一会議室（静岡市）; 定　員 : --; 参加費 : 無料; 概　要 : 開発元社長とヘビーユーザーがa-blog cmsについていろいろ教えてくれます

【静岡Developers勉強会第一回入門機械学習読書会】: 日　時 : 2013年04月27日（土） 13:00-17:00; 会　場 : 静岡クリエーター支援センター（静岡市）; 定　員 : 25名; 参加費 : 1,000円; 概　要 : 『入門機械学習』をテキストにした読書会形式

【 TalkNote Vol.8「TalkNote .ANW Frontrend」】: 日　時 : 2013年06月08日（土）; 会　場 : グランシップ（静岡市）; 定　員 : 100名; 参加費 : 3,000円; 概　要 : CyberAgent社によるフロントエンド開発の技術紹介（だと思う）

【 CSS Nite in SHIZUOKA, Vol.4 】: 日　時 : 2013年6月15日（土）; 会　場 : グランシップ（静岡市）; 定　員 : 80名; 参加費 : 5,000円（早割4,000円）; 概　要 : 「Webデザインの未来」。HTML5時代のWeb制作のスキルからマインドまで！

【 TalkNote Vol.9 】: 日　時 : 2013年07月13日（土）; 会　場 :; 定　員 :; 参加費 :; 概　要 : 住太陽さんによるSEO講座

Facebookページに「いいね！」をお願いします。

Knock! Knock!では、勉強会のFacebookページを運営しています。この勉強会の情報のほか、みなさんのお役に立ちそうな情報を掲載していきますので、ぜひ「いいね！」をお願いいたします。

Knock! Knock!のFacebookページ

また、Facebookページの情報はTwitterにも掲載しています。FacebookよりもTwitterという方は、Twitterのフォローをご検討ください。

Knock! Knock!のTwitter

最後までお読みいただき、ありがとうございました。

HTMLメールについて

現在実験的にHTMLメールにて配信しています。
ご意見・ご要望などありましたら、お気軽におよせください。

メール配信の停止

今後、メールの配信を希望されない方は、
お手数ですがこのメールに「メール不要」とご記入のうえご返信ください。

このページはお役に立ちましたでしょうか。よろしければシェアしてください。