copy_people copy_things copy_matter copy_heart copy_txt ttl_topics ico_blank ico_facebook ico_twitter ico_hatebu ico_index

2017/11/09

CSS Nite LP54「Coder’s High 2017」に行ってきました

INDEX

    先日11/4に行われた CSS Nite LP54「Coder’s High 2017」に、エンジニア数名で参加してきました。
    長丁場で身構えていましたが、漫才のように進むセッションもあり、、楽しい時間でした。

    今回のタイムテーブルはこんな感じです。

    以下、個人的な収穫を。

    コーダーの前仕事、後仕事

    .commandファイル

    開発環境を構築する際に必ず発生するコマンドをバッチファイルにして、タブルクリックで環境構築を可能にする。

    構築手順はReadmeに書いていましたが、バッチファイルの方が明確だし手間も変わらずで良いですね。

    nodenv

    nodenvはnodeのバージョン管理ツールです。

    わたしはnodeの管理にnodebrewを使用していますが、
    他のコーダーに案件を引き継いだ時、マシン間のnodeのバージョン違いをどう管理するか?が課題でもありました。

    nodenvを使用すると .node-version ファイルを共有することでnodeのバージョン共有ができるとのこと。移行を検討しています。

    ちょうど「Grid Layoutがやってきた! Flexboxやfloatとの適切な使い分け方法」で登壇されたICSの鹿野さんが nodebrew → nodenv に乗り換えた際のことを記事にされていましたので、参考にさせていただきます。

    多様なユーザーニーズに応えるフロントエンドデザインパターン:ベーシック編

    11/2に発売された『インクルーシブHTML+CSS & JavaScript』の著者お二人によるセッション。
    アクセシビリティを「これができない」ではなく「こう作ったら良い」の観点で語るといった内容でした。

    スクリーンリーダーを利用してどういった「体験」をユーザーがしているのか。
    実際にコードと音声を比較しながらのセッションでした。

    セッション後、わたしもiPhoneのスクリーンリーダーである「VoiceOver」を試してみました。
    VoiceOverをオンにするとジェスチャが変わるんですね。
    (iPhoneのホーム画面ってよく出来てるんですね。。。目を閉じながらsafariを起動できました。)
    参考:iPhone や iPad の音声読み上げ機能 (VoiceOver)

    ユーザー体験を重視したコードをというお話でしたが、この「ユーザー体験」は目の見える自分の普段の体験と同じではないんだなと。

    制作したサイトをVoiceOverで閲覧しましたが、なるほど・・・なるほど・・・。

    『インクルーシブHTML+CSS & JavaScript』拝読します。

    Grid Layoutがやってきた!Flexboxやfloatとの適切な使い分け方法

    2017年10月にEdgeが対応したことで、全ブラウザが Grid Layout に対応(IE11は部分的に対応)となったそうです。
    「2017年はGrid元年」とのこと。

    恥ずかしながら Grid Layout に関してあまり知識を入れていなかった状態で参加しましたが、ちょうど良く Grid Layout の基礎を教えて頂いた形になりました。

    早速次の案件で使いたいです。

    さいごに

    フォローアップは今のところ参加者のみの閲覧ですが、3ヶ月後くらいをめどに一般公開もされるそうです。
    今回使用されたスライドや動画がアップされておりますので、気になった方はこちらからぜひ。

    CSS Nite LP54「Coder's High 2017」

    私もまだ通読できておりませんが、楽しみにしております。

    CONTACT

    お仕事のご相談や、弊社についてのご質問や
    ご要望など、お気軽にお問い合わせください。

    View