みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう

Web over HTTPS DevFest Tokyo 2016 #devfest16 2016/10/0

ロックユニットBOOM BOOM SATELLITESの川島道行さんが、9日午前5時12分、脳腫瘍のため死去した。享年47。11日に公式サイトで発表された。 川島さんは2012年に12月に脳腫瘍の症状が確認され、翌13年から活動を休止するも5月にライブで復帰。15年9月に再発し、今年6月にユニットの活動終了を発表していた。通夜・葬儀は近親者・関係者のみで執り行われ、後日、ファンに向けた「お別れの会」を開催予定としている。 メンバーの中野雅之は「悲劇ではなく人生のゴールとハッピーエンドを手に入れた瞬間でした。今迄沢山のファンに愛され、歩んでこれた川島道行とBOOM BOOM SATELLITESは本当に幸せ者です」と追悼のコメントを寄せた。 また、川島さんの妻で女優の須藤理彩も「お父さん、お母さんの息子である『川島道行』、私の愛する夫で、娘達にとって優しくてカッコいいパパの『川島道行』、そし

まとめサイト・知恵袋・NAVERまとめなどを除外してGoogle検索する検索エンジンの紹介 2016/3/27 [更新:2023/10/22] ノイズレスサーチ 35 まとめサイト・知恵袋・NAVERまとめなどの邪魔でうざいスパムサイトを除外して検索できないかと日頃から思っていて、ノイズレスサーチという検索エンジンを作成し、公開しました。 よく邪魔だと言われることが多いまとめサイト・キュレーションサイト・NAVERまとめ・知恵袋・2ch転載・食べログ・クックパッド、その他多数のサイト（約5000個）をブラックリストで除外して、調べ物に威力を発揮する検索エンジンにしました。 とくにレシピ検索、大学や仕事の調べ物、商品レビュー、医療検索で人気があります。 インストールは必要なく、ノイズレスサーチのページを開いて検索するだけで、誰でも使えます。パソコン・スマホ両対応。

無限スクロールのメリット １．ユーザーを没頭させ、コンテンツを発見させる データ探索の主要な手段としてスクローリングを使う場合、無限スクロールはユーザーをwebページにより長く滞在させ、よりエンゲージメントを高めることができます。ソーシャルメディアの人気に伴い大量のデータが消費されている中、無限スクロールは、ページが前もって読み込まれるのを待つことなく、膨大な情報を閲覧するための効率的な方法です。 無限スクロールは、「発見」のためのインターフェースであれば、ほぼ必須の機能です。ユーザーが特定のものを探していない場合、気に入った一つのものを探すために大量のアイテムを見る必要があります。

通常の利用にはなんら問題がないように見えるホームページも、セキュリティの欠陥があったり、動作速度に問題を抱えていることは少なくない。このほかにも、検索エンジンに最適化されすぎていてユーザにとっては使いづらかったり、モバイルへの対応が不十分だったりすることもしばしばだ。ウェブ関連の技術やトレンドの進化によって、これまで問題がなかったサイトも、しばらく経って再度チェックしてみると問題が見つかるケースも多い。 こうした場合に便利なのが、URLを入力するだけでホームページにまつわるさまざまな診断をしてくれるサービスだ。特に最近ではスマホやタブレットといったデバイスやソーシャルメディアへの対応に加えて、セキュリティについてはHTTPSの標準化といった新しいトレンドもあり、こうした診断系サービスもそれらを反映した内容へとリニューアルしつつある。今回は新顔のサービスを中心に、自らが運営するホームページの

doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 世界的な大企業、いわゆるビジョナリーと言われる企業では、この30年ほど「学習する組織」をどのようにして創るかということが、大きなテーマとして扱われ続けてきました。 生き残る種とは、最も強いものではない。最も知的なものでもない。それは、変化に最もよく適応したものである（チャールズ・ダーウィン） 変化が激しい時代において、「企業や組織に集う人同士が学び、変化し続けることこそ重要である」という認識は多くの人が賛同するものではないでしょうか。 ところが、この点を多くの現役ビジネスパーソンや経営者と議論していくと、実は下図に示すようないつも慣れ親しんだ企業の運営体制こそが、実は「学習しない組織」にとても陥りやすいという衝撃的な指摘が

「シズル感」と「読みやすさ」ってどうやってデザインで解決する？お菓子専門ウェブメディアのリニューアルで使った手法 こんにちは、BAKEのデザイナー井手口です。 前職では、グラフィックとウェブデザインの両方を経験できる制作会社に所属していましたが、以前から興味があったブランディングデザインを行いたく、今年の4月からBAKEではたらいています。 BAKEに入ってからは、店舗ブランドで使っている原材料のオリジナルブランド「011」のパッケージ開発や、店舗ブランドのイベント用LP作成やPOPなどのデザインを行いながら、同時進行で進めていたお菓子専門のウェブメディア『CAKE.TOKYO』を8月上旬にフルリニューアルしました。 リニューアルの経緯はCAKE.TOKYOのこちらの記事で書いたので、今回は、サイトのデザインについてデザイナー目線から説明しようと思います。 → CAKE.TOKYO 雑誌の

瞑想ってほんとに効果があるの？ ヨッピーが「それどこ大賞」のために入門書を買ってあっちこっちで試してみた - それどこ [瞑想] id:xevra師　煽りではなくガチで知りたいのですが、師の瞑想・トレーニング・食事等の方法はどういうものなのですか？また以前と以後で何がどう変わったのでしょうか？ブログでも何でもいいのでお教えください。 2016/09/29 20:37 b.hatena.ne.jp リクエストが来たので回答する。 瞑想 瞑想は隙間時間ができた時にやる。トイレでも風呂でもちゃんと時間を取って意識的にやる。特に仕事がきつい時などストレスがたまってきたと感じたら積極的にすぐやる。10秒でも時間があればやった方がいい。例えばレジ待ちしている時なんかはどうせやることもないしイライラしがちなのでそういう時にゆっくり深呼吸しながら深層意識のクリーニングをしてやると効果が高い。 そもそも瞑想

Engineering Teamの Akira MAEDA です。 今回はKaizen Platform, Inc.社内にあるエンジニア行動指針を紹介したいと思います。 このエンジニア行動指針は創業間もない頃に技術顧問のNaoya Itoが中心になって作成し、今から2年半ほど前にオフィスに遊びに行った私に、CTOのToshimasa Ishibashi、Naoya Itoの二人がKaizen Platformの実現しようとしている未来とともに熱心に説明してくれ、私のKaizen Platformへの転職のきっかけになったことを今でも思い出します。 以下内容 — - Kaizen Platform, Inc. エンジニア行動指針Message from CEO (Kenji Sudo)・ 我々はクラウドソーシングで新しい働き方を作り出していく集団なんだから、我々自身も新しい組織のあり方に挑戦

TOP SEMマスターの日常ブログ 今、付き合っている運用型広告代理店は大丈夫なのか、今後どのように運用型広告代理店を選定しどのように付き合うべきなのか、を見極める術 今、付き合っている運用型広告代理店は大丈夫なのか、今後どのように運用型広告代理店を選定しどのように付き合うべきなのか、を見極める術 2016年09月28日SEMマスターの日常ブログ、リスティング広告 さて、何から言及しよう。 日本国内のデジタル広告サービスにおける不適切業務の発生について ３分でわかる電通の不正（不適切業務）とネット広告の闇について 電通のデジタル広告不正について、クライアントの立場から「ごめんなさい」と言いたい 電通の不正は揺るぎない事実であり、倫理に欠ける問題であり、決して許されるものではない。 ただ、運用型広告を生業とする者として、今回の件によって、同義上も構造上もまっとうにビジネスをしている会社や、渦

追記 Re:dashのデータソースとしてGoogle Analyticsが正式に追加されるようです。リリースされた暁には、本記事にあるような面倒な手順を踏む必要はなくなりそう？ re:dashのGoogle Analyticsデータソースを試す 初めに Re:dashはオープンソースで提供されている、ダッシュボードツールです。サーバー構築の手間はかかりますが、超簡単にさまざまなデータソースから、自由にダッシュボードが作れるようになります。 今回は、おなじみGoogle Analyticsの情報を、Re:dashでダッシュボード化する方法を解説します。 追記 twitterを見ていて。 Treasure Dataでは、GAのレポートを突っ込む方法があるようです。 http://blog-jp.treasuredata.com/entry/2016/09/13/163306 Google Bi

検索データを振り返ると、人々のニーズをたどることができる――。熊本地震の直後、生活インフラに関する言葉がどう検索されていたのか、熊本県庁で被災者支援に当たっていた木村敬・前総務部長（４２）に、当時を思い出しながらデータを見てもらった。人々のニーズの変化に、行政は応えられていたのか。 木村さんは、４月１４日のいわゆる「前震」から４月末まで、災害対策本部の中枢にいた。現在は、総務省公営企業課理事官を務める。 木村さんに、被災地でのヤフーの検索データを見てもらった。抽出した語句は、地震直後の住民にとって極めて重要だった「コンビニ」「ガス」「水道」の３語。 食料が届き、検索数が落ちる セブンイレブン 最初は、コンビニのデータ。地震前の４月８日から４月３０日まで、コンビニの中で最も多く検索された「セブンイレブン」の検索数の推移をみた。 検索数のピークは、本震翌日の１７日。本震当日の１６日よりも多い。

一人 CTO Night での発表資料です

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…