実況中継シリーズ 「開発現場で役立たせるための設計原則とパターン」 #builderscon 2018 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
先日慶應義塾大学日吉キャンパスで行われた builderscon2018、最高のカンファレンスでしたね。わたしも「開発現場で役立たせるための設計原則とパターン」というタイトルで発表させていただきました。今回は恒例「実況中継シリーズ」として、プレゼンの再現をブログで行いたいと思います。 なお、過去の実況中継シリーズは前職の技術ブログにまとまっていますので、そちらからご覧ください。 それでは本編を開始したいと思います。 開発現場で役立たせるための設計原則とパターン アバンパート よろしくお願いします。 まず最初に簡単に自己紹介をさせていただきます。 先月転職をしまして、8/1からClassiという会社で働いています。妻と息子がおります。Scalaが好きですが、仕事ではRubyメインという感じです。 Web+DB PressやSoftware Designで何度か特集を書かせていただきました。と
FlexboxやFloatでレイアウトが崩れてしまう原因がすぐに見つかるChromeの機能拡張- Pesticide
CSSのレイアウトで思うようにいかない時に、最初に確認すべきことはページ上のすべての要素がどのようにレイアウトされているかです。これを知るには、各要素が区別できるように、要素ごとに異なるカラーのアウトラインをつけると便利です。 ページ上のすべての要素に、要素ごとに異なるカラーのアウトラインをつけ、親子関係も一目で分かる便利なChromeの機能拡張を紹介します。 Pesticide Pesticide -GitHub 以前当ブログで紹介したことがありますが、バージョンアップされており、更に便利になっています。 Pesticideは、2つの方法で利用できます。 Chromeの機能拡張（Pesticide for Chrome） スタイルシートファイル（外部CSS・CDNで利用可） 外部スタイルシートとしても提供されているので、ローカル環境でブラウザを問わず利用することもできます。 簡単なのでC
使いこなし高難度「直帰率」「PV/セッション」「滞在時間」3大指標の正しい使い方（後編） | Moz - SEOとインバウンドマーケティングの実践情報
これらの指標が有益である場合○1 コンバージョンファネルの診断に用いる場合「直帰率」「訪問あたりの閲覧ページ数（Pages per Visit：PPV）」「サイト滞在時間」――これらの指標が複雑さを秘めているのは確かだ。 こうした指標を何に利用すべきかと言えば、それらが真に有益なのは、コンバージョン分析などの診断に使う場合だ。 たとえばコンバージョンファネルを見てみよう。僕たちのコンバージョンファネルは次の画像のようにものだ。人々はトップページを通じて、または僕たちのブログやニュースセクションを通じて訪れ、それから（願わくは）製品ページ、価格情報にアクセスし、コンバージョンに至る。 これらすべてのページで、「直帰率」「PPV」「サイト滞在時間」などの指標を確認できる。そしてその指標は、これらのページの一部を変更する場合に役立つ。 それが大きな変更であろうと小さな変更であろうと、その結果「コ
Chrome Dev Summit 2017まとめ - Qiita
10月23,24日で行われたChrome Dev Summit 2017のまとめ記事を書こうと動画を見始めたのですがすでにまとめ記事があったので、翻訳することにしました。 I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To 新しい発表はあまりありませんでしたが、PWAの啓蒙はたっぷりのイベントでした。 Dan FabulichはRedfinのプリンシパルエンジニアです。 （採用中です！） Chrome Dev Summit 2017の動画はすべてyoutubeから見ることができます。 10時間の動画。 まとめ：Googleは開発者がPWAを作り、JavaScriptファイルサイズを縮小して、Webコンポーネントを使い、autofill(自動入力)を使うことを望んでいます。 また支払い、認証、Andr
デザイン初学者がUIトレースを１ヶ月続けてみた｜きなこ
こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. UIトレースを始めたきっかけ 2. 最
Development Tools for Next Generation
Why I made https://nedi.app
エンジニア夏祭り2013「複数書式が混在するログをやっつける」解答編 #engineer #matsuri #hatena #ruby #夏祭り #夏の想い出 - CodeIQ Blog
CodeIQの中の人、OL元帥です。 「はてな」さんとCodeIQがタッグを組んだ『CodeIQ×はてな エンジニア夏祭り2013』 第1夜「はてなからの挑戦状」 LINE株式会社 tagomorisさんから届きました、 Ruby、その他の問題の解答・解説を公開します！ ◇◇◇◇◇◇◇◇◇◇ 解説 普段はLINE株式会社というところで働いています。tagomorisです。 今回の問題についての解説をしたいと思います。が、「想定時間 30分～」としたのは明らかにまずかったですね。自分で書き直してもギリギリでした。制限時間はなかったにしても、「1時間～」とかにしたほうがよかったかなと思っています。焦ってしまった人がいたらすみませんでした。 今回の問題では、言語はいちおうRubyになっていましたが、他の言語でも受け付けるとしました。挑戦者の中で使用されていた言語はやはりRubyが多かったですが、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GRID: A simple visual cheatsheet for CSS Grid Layout
CSS GridとFlexboxで役立つチートシート、各プロパティの役割がぱっと見てすぐ分かる簡単便利
Full Day - Google ドライブ