Retiring the Nuclide Open Source Project
A unified developer experience for software development Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community. It provides a first-class development environment for React Native, Hack and Flow projects. Retiring the Nuclide Open Source Project A few years ago, we introduced Nuclide to provide a first-class IDE experience. We’ve made treme
Flow, a new static type checker for JavaScript
Today we’re excited to release an early version of Flow, a new open-source static type checker for JavaScript. Flow adds static typing to JavaScript to improve developer productivity and code quality. In particular, static typing offers benefits like early error checking, which helps you avoid certain kinds of runtime failures, and code intelligence, which aids code maintenance, navigation, transf
Testing Facebook Login with Selenium
On EatDifferent, I give users two options for signing up: Facebook, for people that like the convenience of using FB to sign in everywhere, and email+password, for people that hate Facebook. I see about 50/50 usage for these options, so they are both equally important — which means testing both of them are equally important. Until today, however, I only had integration tests for email signup and l
FacebookのOGP画像に「顔」が入っている場合のトリミング位置についてまとめ
FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム！ ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91：h1 w468px以上でないと大きく表示されない（※Face
Facebook、“ほぼ人間レベル”の顔認識技術「DeepFace」を発表
米Facebookの人工知能（AI）ラボが、顔認識技術「DeepFace」に関する論文（リンク先はPDFダウンロード）を公開した。 この技術は、ディープラーニング（深層学習）と呼ばれるニューラルネットワーク技術を採用している。Facebookは昨年12月、人工知能研究ラボを立ち上げ、深層学習を研究するヤン・ルカン教授を所長に迎えた。 DeepFaceの2つの画像の顔の識別精度は97.25％で、人間（97.53％）とほぼ互角という。従来の顔認識技術より25％精度が上がったとしている。 実験には、公開されている画像データベースやFacebookにアップロードされている4030人の440万点の画像、米GoogleのYouTubeの動画内の顔データを集めたデータベースを利用した。 DeepFaceは画像内の顔から3Dモデリング技術で正面を向いた顔の画像を作り、これを1億2000万以上のパラメータを
Facebookの画像サイズをピッタリきれいに見せる方法 [CG・画像加工] All About
なぜこのように画質が劣化するのでしょうか。 Facebookにアップロードする画像はJPEG形式です。この形式は色を圧縮して保存することで、ファイルサイズを小さくすることができるという特徴があります。 インターネット上では画像のファイルサイズが小さいほど、素早く表示できることから、このJPEG形式が多く使用されています。ただし圧縮すればするほど画質は劣化してしまうという欠点もあります。 Facebookでも、写真をアップロードすると自動的に圧縮がかかるように設定されています。これにより、どんな写真も元の写真よりも画質が50数%以下になります。写真によっては10数%以下にまで落とされる場合もあります。 では、できるだけ大きいサイズの写真をアップロードすればきれいに表示されるのでは？と考えてしまいますが、ところがこれは逆効果なのです。 大きいサイズの写真ほど劣化する ちなみにFacebookで
![Facebookの画像サイズをピッタリきれいに見せる方法 [CG・画像加工] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6ff851df85df79080061002622ee0fcfeaf1be4/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F1%2F8%2F8%2F4%2F5%2Ftopimg_large.jpg)
600 Facebook Buttons: Editable Vector PSD | Bypeople
Just as we promised, today we bring another freebie of our social buttons series: a set of 600 crafted vector Facebook buttons in PSD format, for you to use in your website or mobile app. It includes 100 particular styles containing 500 different buttons, with smooth backgrounds and patterns, perfectly designed, including smart objects. Be sure to download them to complement the set of Twitter bu
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
tips レスポンシブWebデザイン FacebookのLike Boxをリキッドレイアウトへ対応させる方法
Webサイトやブログなどにソーシャルプラグインを設置するのは、もはや当然なくらいなわけですが、今日はその中からFacebookのLike Boxを設置した際に、それをリキッドレイアウトへ対応させる方法を紹介します。 FacebookのLike Boxの設置コードには、それの横幅を指定してやる必要があります。以下のようなコードですね。 <div class="fb-like-box" data-href="http://www.facebook.com/2843.jp" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div> この例では横幅を500pxに指定していますが、ブラウザの横幅が500pxより狭くなってしまうと… コレだと不格好なので、何とかしてやりましょう。「レスポ
記事を読んでもらうために要約をつけよう
記事を読んでもらうために要約をつけよう 多くのウェブサービスで本文の抜粋が使われていますが、内容を把握するには十分ではない、ということをビフォーアフターで考えてみます。届けたい人に情報を届けるために要約をきちんと書いておきましょう time2013/01/27 hatenabookmark- ウェブ上のデザインパターンとして、あるページ（URL）に対して何か言及するというものがよく見られます。 そこでは、おそらく読者が内容を推測しやすいように（読むべきかどうかを判断しやすくする）という配慮からか、ページ内容の"抜粋"を入れています。 しかし、この抜粋って内容をある程度つかむためにどこまで有用なのでしょうか。ちょっと例を挙げながら見て行きましょう。 抜粋表示の一例 facebookの例。冒頭の数百時が使われています。タイトルにある3つの設計思想が書かれていればよりわかりやすかったですね。 こ
【翻訳】ソーシャルボタンはお友達さ！ - MOL
ども、実兄からFacebook友達申請きて承認を見送るt32kです。そんなソーシャル時代ですけどみなさんいかがお過ごしか？みなさんはこうは思わないだろうか？いいね！ボタンなどのソーシャルボタンはいっぱいあるけど、どうゆうふうに実装すればいいのよ！スニペット、コピペでいいの？ってね。そんなこと考えていたら、いい記事があったので翻訳してみたよの巻。 Original：Social button BFFs（2011-09-27）by Stoyan Stefanov TL;DR:JavaScriptの非同期読み込みはWebアプリのパフォーマンスにおいて重要な問題だ。以降に書かれている内容は一般的なソーシャルボタンに共通する取り扱い方についての記事であり、ソーシャルボタンに残りのコンテンツ読み込みをブロックさせないことを学べるだろう。結局のところ、ユーザーはあなたの コンテンツを最初 に見たいのであ
OGPで指定したサムネイル画像（og:image）の Facebook Timeline での表示が変わった気がするので実験してみた
なんだか og:image のサイズが Facebook で 200px 以上推奨に【仕様変更された】っていう記事ばかり目につきますが、公式アナウンスを見つけるまで信じないよ！と思っている今日この頃。 仕様変更されたことは信じないけど、警告が出るのはいやだから256px四方の正方形に変えました。256px四方の正方形に深い意味はないのですけど。 それはさておき、いいねした後にTimelineで表示される画像のサイズがなんかおかしい(´・ω・`)と思ったので、実験してみました。 今回実験してみたサムネイルのサイズは下図の5種類で、Timelineでの見え方と、Newsfeedでの見え方をキャプチャしました。そして、あくまでも 2012年7月4日現在 の仕様です。 まずは 90px × 90px の正方形 ニュースフィードでの表示 ふつーに正方形に表示されています。 タイムラインでの表示 なん
Instagramの創業者たちに学ぶこと - quipped
インターネット業界での今週一番の話題は、間違いなくFacebookによるInstagramの買収だろう。買収額は株式と現金で10億ドル（800億円）と言われ、Facebookの企業買収としては、最高規模だ。収益ゼロにも関わらず、うなぎ登りのユーザー数で話題を席巻し、あっという間に巨額で買収されるにいたったInstagramのシンデレラストーリーは、6年前に似たような経緯でGoogleに買収されたYouTubeを彷彿させる。 シリコンバレーは内向きで偏った場所なので、連日この買収劇の話題だ。誰が会社の何パーセントを持っていたんだ。5000万ドルの資金調達の直後に買収されるということは、誰かが裏で糸を引いていたんじゃないか。Facebookに買われてしまったInstagramの将来はどうなんだ。個人的には、勇気を持っていいアプリを作り、それがうまいタイミングで評価されたって話でいいじゃんという
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebook
FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記）
ページが見つかりません
http://fblog.jp/
TechCrunch | Startup and Technology News
in the looop | Looops communications
はてなセリフ サービス終了のお知らせ