1px の変化も見逃さない！ビジュアルリグレッションテスト導入で快適フロントエンド開発 - dely Tech Blog
こんにちは！dely でフロントエンドの開発をしています @all__user です。 今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。 【反応を多くいただいた点について記事の最後に追記しました】 目次 目次 ビジュアルリグレッションテストとは 導入の背景 フロントエンドのテスト？ SPA移行前後の比較 ツール reg-suit Loki Wraith BackstopJS テストのフロー GitHub + CodeBuild + BackstopJS ステージング環境 テストケースは Google スプレッドシートで管理 結果を S3 にアップロードして Slack に通知 まとめ 【追記】 運用が大変ではないか？ 1pxの違いにそこまで工数かける？ 広告が差し込まれたり変わっただけでテストが壊れるのでは？ ビジュ
乱立する国内バイラルメディアをまとめてみたーー35のメディア紹介 - メディアの輪郭
編集で関わっているブロガー・イケダハヤト氏のメルマガで「国内バイラルメディアまとめーー31のメディアを紹介」という記事を担当しました。「メディアの輪郭」では少し追記を加え、アップデートして紹介します。 2014年、webに吹きあふれるバイラルメディア旋風を読み解く！ 前編 - イケハヤマガジン - BLOGOS(ブロゴス)メルマガ 昨年から今年にかけて大きなトレンドになりそうな「バイラルメディア」。主に画像や動画をコンテンツとし、ソーシャル上で爆発的にシェアを生むシンプルなメディアの形で、海外ではすでにいくつかの存在感のあるプレイヤーが登場しています。 日本でも昨年末から次々とバイラルメディアのフォーマットを採用するメディアが生まれてきています。ここでは整理がてら、35の国内バイラルメディアについてまとめてみます。 1. dropout（ドロップアウト） 2013年12月にスタートした「刺
imgタグを記述するだけでダミーの画像を表示してくれるサービス「lorempixel」が便利
Web制作をしていると、ダミー画像を用意しなければならない！なんて時が頻繁にあってわりかし手間なのですが、こういうサービスあったんですね…知らなかった。 と言うわけで、WEBマーケティング ブログさんで紹介されていた、imgタグ内でサイズ・ジャンルなどを指定すれば自動的にダミー画像を作成してくれるサービス、lorempixelがとっても便利でしたのでご紹介。 lorempixelの使い方 まずはlorempixelへ訪れましょう。 lorempixelでは、imgタグ内のsrcをhttp://lorempixel.com/width/height/カテゴリ/ダミーテキストのように記述することで、サイズ・ジャンル・カラーorモノクロ指定したダミー画像を読み込んでくれます。 [html] <img src="http://lorempixel.com/500/350/food" alt=""
Adventar
12月1日から25日まで1日に1つ、みんなで記事を投稿するAdvent Calendarの作成や管理をおこなうことができます。
誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？ | fladdict
Gumroadというサービスがすごい熱い！ Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。（2/14日現在、日本からの過剰すぎるアクセスでGumroadが不安定です） 何ができるの？ Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%（正確には5%+30セント）。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を１枚アップロードして$2で売ってみたら10$32ほど枚売れまし
みんなのビジネスオンライン
みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ＆サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。
これから世界を変えていく16のテック・スタートアップ
Tweet Business Insiderにスタートアップに関する特集があったので、そこから個人的に知らなかった、面白い事業を行なっているスタートアップをご紹介。 1. Codecademy Javascriptをゲーミフィケーションの要素を用いながら楽しく学べるようにしているNY発のスタートアップ。先日、250万ドルを資金調達。 2. Kaggle KaggleはPhDレベルの科学者のためのネットワーク。AIDsから宇宙の解明まで様々な分野の問題に専門を超えたコラボレーションを可能にするプラットフォーム。1,100万ドルを資金調達。 3. Skillshare SkillshareはNYU出身のMichael Karnjanaprokornらが始めた誰もが教えあい、また学びあうことを目指したサービス。 Union Square Venturesなどから370万ドルを調達。 詳しくはgr
Croppy
2020年におけるベストオンラインカジノ８選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ
Webデザインや配色をサポートする新サービス「Croppy」をリリースしました | Stocker.jp / diary
Webデザイン Webデザインや配色をサポートする新サービス「Croppy」をリリースしました Wednesday, October 26th, 2011 WordCamp KOBE で私の講演をご覧になった方はご存知かと思いますが、Webデザインや配色をサポートする新サービス Croppy（クロッピィ） をようやくリリースしました。 Croppy にアクセスすると、このようなページが見れます。 色々なサイトのパーツが「ヘッダー」や「サイドバー」「ボタン」などカテゴリ毎に並んでおり、ブブンデザインアーカイブ のように見えるかもしれません。 しかし、Croppy は集められたパーツを見るだけではなく「今見ているWebページをブラウザ上で切り抜き、手軽にスクラップできる」のです。 Twitter または Facebook アカウントで Croppy にログインしたあと、気になるデザインのサイト
2012年のWebの流行はライフログの「入り口」か「出口」になるサービス : けんすう日記
これからのWebサービス いやあ、Web業界が盛り上がっていますね。Webサービスで何かやりたいという人はあと数ヶ月くらいはこの流れが続く気がするので、今のうちにがんばってみるのもオススメかなと思っています。 ところで、僕が最近思っていることとしては、2012年くらいのWebサービスの流行は、「ライフログの入り口か出口のどちらかを担ったもの」になるのではないかと思っています。 そんな話を詳しく説明します。 ライフログとは何か まず、そもそもライフログとはなんでしょうか。 ライフログとは、僕の定義だと「人生のいろいろなものを記録すること」だと思っています。 たとえば - 行った場所の記録 - 食べたものの記録 - 考えていることの記録 - 一緒にいた人の記録 などを記録することを指します。 今でも結構流行っていて、先進的な人たちがEvernoteを使ってやっていたりしますね。こんな本も読みま
Facebookページの顔、「Welcomeページ」のとことん簡単な作り方 - IT戦記
はじめに みなさんこんにちはヽ(´ー｀)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました！ どんなサービスなの？ Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです！ 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何？ ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね！」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね！」をクリックしてしまいそうです！ なんで、「いいね！」されるが重要なの？ 「いいね！」されることで、ユー
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
InstagramのPivot（方向転換）や成功要因を共同創設者が明かす – TechDoll.
2010年10月のローンチからわずか3ヶ月で100万ユーザを獲得したInstagram。 現在の登録ユーザ数は900万人、1,000万人にも遠くない。そんなレジェンドアプリのInstagram共同創設者Kevin Systromが Future of Mobile Conferenceで話した内容。TheNextWebの記事。 －最初のアプリ“Burbn”から学んだこと Instagramの前、現在地や写真を共有できるソーシャルチェックインアプリをつくった。小規模なユーザベースにそこそこウケていたものの、複雑で特徴もなく、遅かった。アプリそのものは悪いアイディアじゃなかったけど、その分野に何も新しさをもたらしてなかった。結局BurbnがInstagramを成功させる前のテストアプリのような役割を果たした。 鍵は、‘unexpected behaviors’ （予想されない行動）を特定し、作
バグ管理ツール(BTS)「COLORBOX(カラーボックス)」
COLORBOXとは？ Webシステム、アプリ開発からゲーム開発、組み込み系開発まで幅広く使えるバグ管理ツールです。 インターフェイスはスマートフォン、タブレット端末にも対応しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer デベロッパー センター
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
eightbit.jp
BCCKS / ブックス
http://www.bestmania.com/
習い事・趣味から資格取得まで | プライベートコーチのCyta.jp
