Facebookの新しいUIデザインで見つけたCSSのテクニックのまとめ
先月からエンドユーザーに段階的に適用され始めたFacebookの新しいUIデザイン、そこで見つけたCSSのテクニックを解説した記事を紹介します。 CSSの実践的なテクニックが数多く使用されており、パフォーマンスや何らかの制約による実装時などの参考になると思います。 CSS Findings From The New Facebook Design by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに アバターにSVGを使用する マージンの代わりにスペーサーdivを使用する CSSフィルターの使用 シャドウに画像を使用する CSS変数の多用 テキストの省略表示（複数行テキストの切り捨て） ホバーエフェクトにdivを使用する insetプロパティの使用 dir=autoとCSSの論理プロパティ
機械学習のスタックしていた案件をFacebook Prophetで３日で返済した話 - にほんごのれんしゅう
機械学習のスタックしていた案件をFacebook Prophetで３日で返済した話 背景 広告代理店業を行なっており、クライアント企業から予算を預かって、インターネット広告やマーケティング業をしているのだが、クライアントの予算消化の異常値を監視したい 2016年半ばに外部のデータ分析専門の会社に、その日の予算消化が異常の場合、アラートを鳴らすシステムを外注開始、2016年10月に納品 2017年9月半ばに進捗率が芳しくないことが判明した。終わる見込みが立たなかったので、私が解決に当たる （ついでに"Machine Learning: The High-Interest Credit Card of Technical Debt[2]"と呼ばれる負債化してしまう機械学習のシステムとはという評価軸があったので、これらから今回使えそうなプラクティスを取り出して適応してみたいというモチベーションが
Improving CSS quality at Facebook and beyond
With thousands of engineers working across a range of products at Facebook, we face some unique challenges when it comes to code quality. Not only are we dealing with a large codebase, but things are also moving fast — new features are being added, existing ones are being improved, and things are being reorganized. For CSS, this means having thousands of files that are in a continuous state of flu
生まれ変わったFacebook製テストフレームワーク「Jest」とは何か？
長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ
Xamarin.Forms Facebookアプリの作成 （軽量 Facebook.SDK for Xamarin.Forms ) - SIN@SAPPOROWORKSの覚書
【 Xamarin 記事一覧 】 2015.04.29 Xamarin.FormsやFacebook APIのバージョンが上がり、変更された部分があるので、記事を修正・追記します。 現時点で、最新パッケージで再構築しました。 PM> Get-Package Id Version Description/Release Notes -- ------- ------------------------- ExifLib.PCL 1.0.0 Portable EXIF library for Windows 8, ... Microsoft.Bcl 1.1.10 This packages enables projects targeting ... Microsoft.Bcl.Build 1.0.14 This package provides build infrastructure ..
「今どんな気持ち？」をアレする user script - Qiita
// ==UserScript== // @name ねえねえ今どんな気持ち？ // @namespace http://udzura.jp/kokubun // @description 国分太一fier // @include https://www.facebook.com/* // @version 0.0.1.20121205 // ==/UserScript== (function () { function pingTaichi () { var elms = document.getElementsByTagName('textarea'); if(elms.length != 0) { for(i = 0; i < elms.length; i++ ) { var elm = elms[i]; if(elm.getAttribute('placeholder') ===
「今どんな気持ち?」をアレするuser scriptをさらにアレしてみた
(12/04)今日の癒しはFediverseに在る (12/19)自動車の車内灯の消し忘れを、IFTTTを使って防止する (10/17)馴質異化、異質馴化 (04/21)筆を取れ。物を書け。情報を流通させろ！ (03/11)block-logout-from-jobcan.user.js――ジョブカンからのタイムアウトに因るログアウトを防ぐ Greasemonkey script (02/22)フリーミアムモデルは死ぬのかもしれない (07/15)災害情報収集用のチャンネルを用意しよう（福岡県の「防災メール・まもるくん」の紹介） (07/15)amazon-bookmeter-link-adder.user.js ver2.00.20190715 リリース (05/05)「退位礼正殿の儀」や「剣璽等承継の儀」で、天皇陛下の付近に在った品は何だったのか（神器だと数が合わないし？） (09/2
妻のパン屋の悩み事をFacebookページで解消したお話 - give IT a try
2014.03.06追記: 2013年を振りかえるエントリを書きました！ Facebookページを始めてから1年後にどうなったのか気になる方はこちらもどうぞ。 独学の主婦が自宅で開業したパン屋さん「クープ バゲット」の2013年を夫が振り返ってみる - give IT a try はじめに 僕のブログをよく読んでくれている方はご存知かと思いますが、僕の妻は去年から兵庫県西脇市でCoupé Baguette(クープバゲット)という小さなパン屋さんをやっています。 1ヶ月ぐらい前にちょっと訳あって店のFacebookページを開設しました。 今回はFacebookページを開設した背景やその効果などをまとめてみようと思います。 Coupé Baguetteの前提知識 妻のパン屋については、以下の前提知識があると話がより分かりやすいと思います。 妻が家事や育児の傍らパンを作っていることもあって、営業
「なにも考えずに Facebook で食べ物の投稿を毎日のようにしている」馬鹿野郎どもは、リスト機能を使え - 世界はあなたのもの。
雑ネタ, Facebook はてなブックマーク経由で Googleリーダーに以下の記事が流れてきた。一読して肺腑をえぐられた。ステーキ食ってる場合じゃねえ。突然ですが、なにも考えずにFaceboo...突然ですが、なにも考えずにFacebookで食べ物の投稿を毎日のようにしている方々に言いたいことがあります。あなたのFacebook友達の中に、アフリカで内戦後で飢餓に苦しんで、助けを求めるためにFacebookをやっている人もいるかもしれません。インターネットを通して、グローバル化しています。人類のための何ができるか考える人たちが増えて！と願います。おいしい食べ物をあなたが食べていることを公表することによって人類幸せになるのでしょうか？？ コメントでも「同感」「奥深い」「反省した」「気づきを得た」などといった共感・感動・感謝の言葉が寄せられている。さすが実名顕名の Facebook。どっか
「シェアさせて頂きます。」は日本独自の文化？外国人の友達に聞いてみました。 | 思考するソーシャルコミュニケーションLabsのブログ
Photo by Niklas Wikström 初めまして！WEBOSSでインターンシップをしています。とべっちこと卜部（これでうらべと呼びます。）と言います。主に海外メディアからソーシャルメディアの情報を仕入れて「ソーシャルメディアとはなんぞや！？」と日々思考しています。現在北海道大学工学部４年です。研究は顔文字を文章に沿って自動的に生成をするシステムを作っています（｀・ω・´）よろしくお願いします。 今回の話題は、Facebookに見られる「シェア」について。 先日栄花さんに、「シェアさせて頂きます。って表現、日本でしか聞かないよね？」と聞かれました。実際にFacebook上の投稿を見ると日本人の投稿のコメント欄に「いいですね！シェアさせてください。」とか「シェアさせて頂きますー」など結構あるんですよね。しかし、外国の方の投稿だとなかなか見ない。（恐らく英語だと”Can I shar
Facebookで「友達が利用しているアプリ」に情報を渡さない方法 | コーヒーサーバは香炉である
便利で楽しいFacebookアプリケーションが色々ある一方、中には怪しいものもあって、そういうところに個人情報を渡してしまうのは何かと危険。「自分でアプリを使っていないから大丈夫」というわけにもいかない。 友達が怪しいアプリに「私の友達の学歴とか近況とか住んでる場所とかチェックインした場所とか、全部取得してオッケーですよ☆」という許可を与えてしまったら、知らないところで自分の情報が取得されてしまう。これはFacebookの怖いところ。 友達がこんなアプリに許可を与えちゃったら超悲惨! 自分のせいで損をするのはいいけれど他人のせいで迷惑を被るのは困る。 実は「友達が利用しているアプリに、自分の情報をどこまで渡すか」というのを設定できる。目立たない項目だから、多分あまり知られていない。私も最近知ったよ。 Facebookにログインして、ヘッダのメニューから「ホーム > プライバシー設定」を
Facebookが楽しくなる小技・設定・Tips集 - RyoAnna
Tweet Facebookを本格的に使いはじめた。 Facebookは実名を求められる上に、システムが複雑で慣れるのに時間がかかる。 Twitterと比べるとどうしても敷居が高くなる。 たが、「いいね」の世界が分かり始めると、抜け出せない楽しさがそこにはある。 今回はFacebookのTipsを集めた。 あなたがFacebookに興味を持つきっかけになると嬉しい。 個人アカウント 1. アカウント作成迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！:Apr.Foolism 2. プライバシー設定Facebookをやる上で知っとくべき７個のプライバシー設定方法 | Last Day. jp 3. プライバシーを気にするのが面倒になったら愛と幻想のフェイスブック - #RyoAnnaBlog 4. 自分がつけた「いいね！」の履歴をチェックするFacebookの「いい
知らないと損する「Facebookページのウォール投稿・運用ノウハウ」7選！これでインプレッションを最大化！:GaiaXソーシャルメディア ラボ／Facebook・twitterの企業利用法につ...
「ウォールにどんな投稿をしたらいいのか？」 「Facebookページのウォール運用をどうすればいいのか？」 困っていませんか？ 実は、Facebookページのウォール運用では、成果が出やすいウォール投稿方法というのがあります。 GaiaXソーシャルメディア ラボのウォールでは、投稿ごとの表示回数（以下、インプレッション数）を比較すると最大で「4倍」の違いもありました！ 今回は、ウォールへの投稿内容のインプレッション数を最大化させるための7個のティップスと、押さえておくべき「Facebookの仕様」をご紹介します。 ※インプレッション数は、Facebookページ運用のKPIの1つとしてとても重要ですよね！
Facebookのプライバシー設定で気をつけたい3つのポイント - はてなニュース
ソーシャルネットワーキングサービス「Facebook（フェイスブック）」で、入力した出身校や近況をもとに古い友人と再会したり、交流の輪が広がったりした人も多いのではないでしょうか。交流を楽しむ一方で、気を配りたいのがプライバシー設定です。Facebookへの投稿や個人情報の公開範囲など、適切なプライバシー情報の設定方法を紹介します。 ■ 投稿や個人情報の公開範囲を設定する Facebookでは、近況、写真、リンク、動画のほか、連絡先や交際ステータスなど、プライベートに関するさまざまな情報を公開、共有できます。その公開範囲が、Facebookの「推奨」と自分の想定とで違っているかもしれません。Facebookページ上部の「アカウント」から「プライバシー設定」を選び、現在の設定を確認してみましょう。 ▽ Facebook - プライバシー設定 「Facebookでのコンテンツ共有」の欄に、各項
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.littleshotaro.com/archives/1112