2016年1月のてげWebまとめ

鹿児島市で毎月開催しているてげてげなWebのなんでも勉強会「てげWeb」の2016年1月開催分まとめ。
0
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

html要素のフォントサイズを基準とする単位 rem、background: url(SVGのパス);、 画像を9分割してボックスのボーダーに利用 border-image ow.ly/XIa5r、 異なる単位の計算 calc() #tegeweb

2016-01-30 13:13:38
リンク html5css3.codingdesign.jp 画像ボーダーのイメージを指定する
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

テキスト選択をできなくする user-select: none、floatを使わないレイアウト flexbox、表示領域の幅、高さのそれぞれ1/100を1とする単位 vw, vh  ow.ly/XIaeU #tegeweb

2016-01-30 13:15:24
リンク CodePen vw ...
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

新聞・雑誌のように(Illustratorのように)1つの領域を複数段に分けて表示する column ow.ly/XIamn 以上CSS抜粋。他にも使えるものはたくさん。 #tegeweb

2016-01-30 13:18:45
リンク html5css3.codingdesign.jp カラムの数を指定する
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

JavaScript API:jsのメディアクエリ matchMedia、画像を文字列化 Base64 encoding/decoding、File Reader API ow.ly/XIaBj 抜粋。他にも使えるものはたくさん。 #tegeweb

2016-01-30 13:20:50
リンク HTML5 Rocks - オープン ウェブ HTML5 デベロッパー向けリソース JavaScript で File API を使用してファイルを読み取る - HTML5 Rocks File/FileList/FileReader API を使用し、JavaScript でバイナリ ファイルの処理と読み取りを行うためのスタート ガイドです。
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

複数背景指定+指定グラデーション+グラデーションの繰り返し表示を使うと画像を使うことが少なくなるかも?(画像を使うほうが楽かも?) lea.verou.me/css3patterns/ #tegeweb

2016-01-30 13:46:23
リンク lea.verou.me CSS3 Patterns Gallery
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

flexboxはLIGさんのエントリーがわかりやすくて大変すてきです。 liginc.co.jp/web/html-css/c… #tegeweb

2016-01-30 13:47:55
リンク 株式会社LIG CSS3のFlexboxを基本から理解して、使い倒そう! | 株式会社LIG こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い倒そう!」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ! デモ 昨今では、デジタルデバイ
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

森がながーく対象ブラウザが変わったら話をした後に_tsurudamaさんから「ゆるやかな合同Web勉強会Vol.2」の告知! facebook.com/events/1651926… #tegeweb

2016-01-29 20:25:44
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

ゆるやかな合同Web勉強会Vol.2のWordBench鹿児島のハンズオンはWebに詳しくなくてもたのしめるよ〜。Webに詳しい人はhtml5j鹿児島が楽しめるよ~。自社メディアの強みについて改めて知りたい人はMovableType鹿児島が役立ちそうだよ〜。 #tegeweb

2016-01-29 20:29:30
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

ゆるやかな合同Web勉強会Vol.2は一日いても参加費500円 / 1日!楽しみましょう〜(^^) #tegeweb

2016-01-29 20:31:25
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

要望:クライアントが成し遂げたいこと、要件:システム等で実現すること #tegeweb

2016-01-29 20:35:42
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

機能要件と非機能要件を文書化しておくのは大事。 #tegeweb

2016-01-29 20:38:35
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

要件定義書の発注者側の責任。ベンダが支援する場合も発注者側の責任。 #tegeweb

2016-01-29 20:42:40
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

クライアントがやって当然と考えていることまでヒアリングする。セキュリティに関することなどが要件定義に入っていないから実装しないでは済まない。 #tegeweb

2016-01-29 20:48:02
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

次回は構築シート/ヒアリングシートのお話の予定! #tegeweb

2016-01-29 20:55:45
森 史憲🍛🍻🍫 / コーディングデザイン @mr_moo555

ShigeyamaさんがWall Partners株式会社の代表に就任!興味のある方はアクセスを。 acta.jp/#!about-us/p1j… #tegeweb

2016-01-29 20:59:27
リンク Acta Group|鹿児島のコンサルティンググループ「アクタ グループ」 Acta Group|鹿児島のコンサルティンググループ「アクタ グループ」 九州・鹿児島を拠点にしたコンサルティンググループActa(アクタ) Group。人事・社会保険労務・アウトソーシング・ホームページ制作・システム開発などの総合サービスを提供しております。