【トレタ×プレイド】TechBlog Deep Dive Meetup #1 〜インフラ編〜 http://plaidtech.connpass.com/event/33511/ での発表内容。 Terraform, Packer, Roadworker, Ansible, Serverspec, Circle CIなどをトレタでどう使っているか?何が罠か?など。
(アニ GIF あるのでちょっと重いです…) マイクロインタラクション事始め以前 @Yahoo!Japan 2016.07.04 先日、とある社内勉強会にて発表する機会があったので書き残しておく。要は最近のフロントエンド開発の流れに疲れて、もうちょっと違う方向で頑張ろうと思った話。 葛藤 Kaizen Platform, Inc. フロントエンドデベロッパーの t32k です。皆さん、ご存知かもしれませんが、Kaizen Platform は A/B テストツールを提供しています。その A/B テストのデザイン案も国内外約 2 千名のグロースハッカーと呼ばれる方々から、クラウドソーシングで調達することができます。なので、自社内にデザイナー抱えてなくても A/B テストが実行可能です。 グロースハッカーの登録自体は無料ですので、デザイナーの方はぜひ登録してもらうと、コンバージョン率の高いデザ
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
UIデザイナーの、のがちゃんです! デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。 1日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣!Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に着けたい人は、新規事業とかのキラキラした仕事を求めるのではなく、TwitterとFacebookアプリをSketch3で完コピして、何故このUIなのか背景を理解して、Prottで動かして触って、iOSのガイドラインを読み込むと早いと思うよ。 — Tomo Tsubota (@tsubotax) 2016年6月12日 とはいえ、これからUIを学ぼうという方には、どう
背景 今日GitHubの中の人のLTを聞く機会があって本当のGitHub-flowを聞いてきたので 忘れない間にメモ GitHub-Flowのお約束 Masterにあるものは即座にデプロイ可能な状態に保つこと ブランチの上で必ず作業し、その生存期間を短くすること すぐにPRを作り、フィードバックやサインオフを求めること マージしたらすぐにデプロイすること 本当のGitHub-flow 中の人曰くよくマージしてからデプロイすると言っている人がいるらしい。 だが本当のGitHub-flowは違う。 本当のflowは PR作成 ⇩ 修正 ⇩ デプロイ ⇩ フィードバック ⇩ マージ らしい。 マージ前にデプロイすることでさらにユーザーに近いところでフィードバックを受けることができるとのこと。 ダメなら直ちにmasterに戻す。なので決まりごとの中にmasterは直ちにデプロイできる状態にあること
技術書典というイベントに、社内の技術的ノウハウを集約した”WANTEDLY TECH BOOK”という本を作り、それを出展してきました。 技術書典とは6月25日(土)に秋葉原の通運会館にて「技術書典」という、技術書オンリーイベントが開催されました。技術書というと一般の書店に流通している出版社の書籍が思い浮かぶかも知れませんが、このイベントでは自分たちの持つ技術を世に広めたい人達や共有したい人達の技術系サークルやコミュニティの技術書が数多く出展されました。頒布される書籍や冊子を見に来た来場者の方も多く、出展者と来場者を合わせると約1400人という大きなイベントでした。 公式サイト:技術書典 頒布した書籍私達は”WANTEDLY TECH BOOK”という本を150部頒布させて頂きました。内容は社内の技術的ノウハウ、いわばWantedlyを支える技術をまとめたものです。 世の中の移り変わりは早
最初に 次のエントリーで追試しました。本エントリーの内容は古いです。一応Qiitaは履歴もとってくれるのでこの記事を上書きしちゃってもいいんですが、そうなるとコメントのコンテキストがわからなくなってしまうので、別記事にしました。本エントリーも記録のために残します。 Cache-Controlヘッダは仕様通り実装されていない?(2) 本編 HTTPのキャッシュの仕組みをいろいろ調べているのですが、よくわからなかったので実験してみました。 HTTP キャッシュの作成 14.9 Cache-Control 上記のサイトの説明によれば、no-cacheとmust-revalidateは非常に近い説明になっています。no-cacheはsubsequent requestと書いてあるので、.htmlから呼ばれる.css、.jsあたりのことまで(subsequent request)書いていると思われま
基本的なことのようで意外と細かいことを理解していなかったりする. RFC 2616 - 13. Caching in HTTP Last-Modified and If-Modified-Since HTTP レスポンスヘッダーに Last-Modified が付いていると、リクエストに If-Modified-Since が付くようになって、(サーバーが対応していれば)更新されていない場合は 304 Not Modified が返ってくる。このキャッシュメカニズムを利用する場合はサーバーと通信する必要はある。 Cache-Control: no-cache や max-age=0 はこの動作には影響しないので注意。 ETag and If-None-Match レスポンスに ETag が付いていると、リクエストに If-None-Match が付与されるようになる。のはずなんだけど、Ch
SEOをやっているかたやWEBサイトを運営している方の中に「最近よくきくAMPってなんなの?」、「どうやって対応するの?」と気になっている方が多いのではないでしょうか。 仕事がらAMPについては耳にしていましたが、ニュース性のものが対象なのかと思いちょっと距離をとっていましたが なぜか急に興味がわいてきたため私の個人サイト(Rails)に対してAMP対応をしてみました。 このページでは具体的なAMP対応方法をRailsサイトについて紹介していきます。 エンジニアで「AMPってどんなもの?」、「実装って大変?」と疑問に思っている方に対し、AMP対応方法やリファレンス、私がはまった注意点について紹介していきますので 参考になれば幸いです。 AMPとは?何ができるの? AMP(Accelerated Mobile Pages)とは2015年からGoogleが進めいているプロジェクトで、スマホのW
4.6 Links4.6.1 Introduction4.6.2 Links created by a and area elements4.6.3 API for a and area elements4.6.4 Following hyperlinks4.6.5 Downloading resources4.6.6 Hyperlink auditing4.6.6.1 The `Ping-From` and `Ping-To` headers4.6.7 Link types4.6.7.1 Link type "alternate"4.6.7.2 Link type "author"4.6.7.3 Link type "bookmark"4.6.7.4 Link type "canonical"4.6.7.5 Link type "dns-prefetch"4.6.7.6 Link typ
Googleの検索結果で上位表示されるAccelerated Mobile Pagesに、はてブやLINEも対応表明:AMPとは はてなは、同社のAndroidアプリ「はてなブックマーク」に、「Accelerated Mobile Pages(AMP)」に対応する新機能を実装した。またLINEも対応を発表している。AMPとは何か。どうすれば対応できるのか。 はてなは2016年4月7日、同社のAndroidアプリ「はてなブックマーク」に、「Accelerated Mobile Pages(AMP)」に対応する新機能を実装したと発表した。はてなブックマーク バージョン2.12で利用できる。 またLINEも同日、その他のアップデートと併せて、AMPによる高速表示への対応を発表した。 Accelerated Mobile Pages(AMP)とは AMPは、2015年10月にGoogleやTwit
The AMP Project aims to bring instant rendering to web content. This is an unsorted list of optimizations that apply to all AMP based documents, which in aggregate makes them load fast. Every web page can have these optimizations, but AMP pages cannot not have them. While this article is about optimizations in AMP, it might also be useful as a kind of todo list for optimizing a non-AMP website. If
「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。(英語ですが公式サイトのイメージよりもわかりやすいです) このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo(※スマホからアクセスしてください) 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル
Theme 第 22 回のテーマは AMP(Accelerated Mobile Pages) です。 今回は @ymotongpoo さんをお迎えして、 AMP の登場背景やそこから見える今の Web の問題点、導入や普及、今後の展望などをふまえ、 AMP が登場した意味、そして AMP が Web にもたらす影響などを通して 「今何がおこっているのか」と「これからどうなっていくのか」を議論しました。 Show Note Why AMP is Fast ampproject.org ampproject/amphtml github Waht is AMP? Why AMP is fast Publishers using AMP HTML AMP Cache AMP Cache AMP Cache Update Ping Format AMP Validator Chrome Dev
丸山です。ヤパチー、最高に楽しかったですね。スライドの公開はしたのですが、正直重要なことは全部口頭で説明していて、スライドには情報が少ない。しかし、動画を見るのは正直だるい。40分もPCの前で集中して映像を観れないですよね。知ってる。というわけで、受験参考書の「実況中継」シリーズ(知ってます?)方式で、プレゼンをブログで再現します。長いぞ。でも多分動画見るよりははやく読み終われる。ぜひ読んでいってください。 アバンパート 今日はこういうトークをします。 簡単に自己紹介すると、こういうものです。 息子紹介です。かわいいですね。 WEB+DB Press 91号では特集を、92号ではPerlHackersHubに記事を書かせてもらいました。もう原稿料いただいてるので、もうこれ買ってもらってもわたしには一銭も入らないんですけど、いい雑誌なので買ってないひとはぜひ買って読んでください。 まずMVW
はじめに 2010年9月から公開されてきた App Store の審査ガイドラインは、2016年6月13日付けで全面的に改訂されました。これはその審査ガイドラインの翻訳&移行ガイドになります。 従来と比べて内容面に大きな差異はありませんが、継ぎ足されてきたカテゴリ群の整理や Mac App Store との統合により、構成面は大きく変わりました。記述スタイルは will be rejected の箇条書きから説明文章の割合が増えた印象。 下記では翻訳と共に新規情報を整理していますが、大半の箇所では制約が増えたわけではなく、明記されたという認識の方が適切です。翻訳部分については意訳になるため、気になる項目は原文を参照ください。なお、当資料は iOS 本執筆過程における副産物のため、iOS 以外の内容は割愛しています。 1. Safety App Store の安全性を保つために以下注意。 W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く