ヤフー株式会社におけるWebフロントエンドの技術選定 - Yahoo! JAPAN Tech Blog
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo! JAPAN Tech Advent Calendar 2018の6日目を担当します、Webフロントエンドエンジニアをやっている向井(@sakito)です！ 今回はヤフー株式会社でWebフロントエンドエンジニアがどのような取り組みを行なっているのかをお伝えします。 ヤフーの組織体制 Webフロントエンドエンジニアの取り組みを紹介する前に、ヤフーがどのような組織体制なのか紹介します。 冒頭画像のようにヤフーではカンパニー制度を取り入れており、それぞれのカンパニーにサービスを開発する事業本部があり、この事業本部単位でデザイナーやエンジニア、そのほかにもさまざまな職種の方が所属し、サービスごとで日々開発に取り組んでいます。
PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜Webエンジニアのキャリアを考える！
PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA（Progressive Web Apps）は本当に「アリ」なのか――？ ネイティブアプリの開発にはWebとは異なる専門知識が必要であり、またAndroidやiOSなどOSごとでも異なるため、リソースが膨大にかかるという課題があります。そこで昨今は、XamarinやReact Nativeなどのクロスプラットフォーム開発ツールを使い、ネイティブアプリやWebの開発を一本化しようという動きが活発になっています。 一方で、ネイティブアプリに近い体験を簡単に提供できるとして注目を集めているのが、Goog
エンジニアなら読んでおきたい海外の開発ブログ・メディア14選
日進月歩のIT業界。毎日のように新たなニュースが飛び交い、トレンドも変わっていく動きの速い業界です。現れては消える最新技術を完璧にフォローし続けるのは不可能ですし、その必要もないかもしれません。しかし、メインストリームになったときにまったく何も知らないというのも考えものでしょう。 業界の最先端ではどんなことが起きているのか、どんな方向に向かっているのか、ざっくりと把握しているだけでもキャッチアップのスピードが変わります。IT関連のトレンドは海外発のことが多いため、先端技術の情報を収集するには英語圏のブログやメディアをチェックするのが一番です。今回は、世界の最新情報をキャッチするのにおすすめの海外ブログやメディアをまとめてご紹介します。 The Toptal Engineering Blog 出典：http://www.toptal.com/blog 世界のTOP3%に入るフリーエンジニア、
アシアル株式会社に転職しました＆入社1ヶ月で覚えたこと - エンジニアをリングする
よしこです。 最近転職しまして、7月からアシアル株式会社で働いています。 ちょうど1ヶ月経ったので、ご報告（してなかった）と、入社して初めて触れたものが多かったので振り返りなんてしてみようかなと思いました。 経緯 自分がWebエンジニアとして今後どこを得意分野にしていきたいか、というのは結構ずっと悩んでいました。 サーバーサイドもフロントエンドも浅く広くやっていて、どっちも好きだったので、その中でどこを掘り下げていこうかなーと。 そんなときに、たまたま作って公開したシングルページのポートフォリオサイトへ思わぬ量の反響をいただきまして、かっこいいって言ってもらえたりしてすごく嬉しくて、その嬉しさから、あー自分フロントエンドが合ってるのかもなー、ってなんとなく気持ちを固めることができました。 アシアルのことは技術的なこと調べるときにアシアルブログの記事がよく出てきてたので知って、技術好きな人が
入力フォーム改善でCV率1.6倍！成果を上げる18のテクニック | LISKUL
たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します！」「申し込みます！」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません！ 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基本と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ！【LISKUL特集（2019年版）】CVR改善ツール一覧>> ※本記事は2014年7月29日に公開された記事をL
「よつばと！」長期休載で「よつばと！」分が不足してきた人へのオススメ漫画 - フラン☆Skin はてな支店
電撃大王2014年1月号から電撃大王2014年8月号まで「よつばと！」が8ヶ月連続休載となった現在、「よつばと！」分が不足してきました。 [ 12巻が出てから電撃大王で掲載されたのは3話しかないので今年中に単行本が発売されることも絶望的です。 単行本を読み返しても良いけど、そろそろ新鮮な「よつばと！」分を摂取したい！ でもあずまきよひこ先生に無理して欲しい訳でもない… うなぎを食べたいけど、絶滅危惧種に指定されちゃったから我慢して食べないようにしているけど、やっぱりうなぎを食べたい的な？ そんな人のために 「うなぎも美味しいけど、あなごとかも美味しいよ！ 似てるけど別な味わいもあるし！」 的な紹介記事を書いたのがこのエントリーになります。 「甘々と稲妻」雨隠ギド：good!アフタヌーン連載 試し読み：甘々と稲妻/雨隠ギド - モーニング・アフタヌーン・イブニング合同Webコミックサイト モ
【新人賞】 第65回ちばてつや賞、最終選考結果発表！ 受賞全作品が今回もWebで読めます！ 大賞受賞作『36歳の女子高生』は今週のモーニングに掲載！
2014年度前期・第65回ちばてつや賞一般部門の最終選考結果を発表いたします！ 同時に、今回受賞した全8作品のWeb公開も、ただいまよりスタートしました！ 明日のモーニングを担う新星の作品、ぜひご注目ください！ 【大賞】 賞金100万円＋本誌掲載＋トロフィー 『36歳の女子高生』 みかわ絵子 【Webで読む】 【入選】 賞金50万円＋トロフィー 『マンドレイク』 草加菜緒 【Webで読む】 『アモロサメンテ』 ノザキ 【Webで読む】 【佳作】 賞金25万円＋トロフィー 『仁科さん。』 京 【Webで読む】 『ゆきみち』 瀬尾里紗 【Webで読む】 【奨励賞】 賞金10万円＋トロフィー 『はなぢの思い』 透村 【Webで読む】 『グリーングリーン』 天野史朗 【Webで読む】 『学校金融アサヒ』 中村あいさつ 【Webで読む】 ちばてつや先生総評 今回は非常に才能がある人が集まったと思いま
HTTP/2 入門
ストリームによる多重化 2つ目の特徴は「ストリーム」です。従来のHTTPでは、リクエストとレスポンスの組を1つずつしか同時に送受信できないことが、パフォーマンス上のボトルネックになっています。この問題を改善するべくHTTP/1.1では新たにパイプラインが導入されましたが、一部のレスポンスに時間がかかるような場面でレスポンスが詰まってしまう問題などがあり、広く使われてはいません。そこで、HTTP/2では1つの接続上にストリームと呼ばれる仮想的な双方向シーケンスを作ることでこの問題に取り組んでいます。 1つの接続上に作られた複数のストリーム上では、複数のフレームを同時並行で転送できます。例えば、あるストリーム上ではリクエストにあたるフレームが送信中でも、別のストリームではレスポンスにあたるフレームを受信するといったことが可能になります。これにより、全体的なパフォーマンスが向上します。 ヘッダー
日本人だけが知らない、欧米スタートアップにおけるWebサイト構築サービスの台頭（小川浩） - エキスパート - Yahoo!ニュース
Webサイト構築サービスベンチャーに注目しよう 国内ではほとんど知られていないが、実は欧米では、Webサイト構築サービスを主力にするスタートアップの躍進が注目されている。 彼らの多くは、HTMLやCSSの知識を必要とせず、WYSIWYG型のWeb制作ツールと運営用のサーバ・ネットワークも同時に提供するという統合型のサービスだ。もちろん昨今のサービスであればモバイル対応もなされている。昨年には代表的なWebサイト構築企業であるWixがNASDAQに上場をはたしているし、2014年に入って大型増資に成功したスタートアップのニュースも続いている。もはやWordPressやMovableTypeでWebサイトを制作している場合ではないのかもしれない、とまで思ってしまう。 まずプレイヤーの紹介をしよう。 Wix.com イスラエルのベンチャーであるWixは、2013年11月にIPOをはたした。1.2
海外の消費者心理学の専門家が語る、WEBサービスをユーザーの習慣の一部にする方法[後編] - VASILY GROWTH HACK BLOG
グロースハックの必須分野である消費者行動心理学の専門家、Nir Eyal氏が提唱する、「hooked」というモデルは、ユーザーがついそのプロダクトを使ってしまうという"習慣"を形成するための理論であり、オンライン、オフライン問わず、さまざまなサービスに応用できる。 前回、前編として彼の「hooked」モデルを紹介したところ、大きな反響を頂きましたが、今回はその後編です。 1000回以上シェアされた前回記事はこちら グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは 「hooked」モデルのおさらい 「hooked」モデルとは、WEBサービスがユーザーの習慣の一部になる際には"あるパターン"があることに着目し、それを以下の４つのステップに分け、その他の様々なサービスに応用可能にしたモデルである。 「hooked」モデルの４つのステップ １，トリガー・・・内的トリガーと
![海外の消費者心理学の専門家が語る、WEBサービスをユーザーの習慣の一部にする方法[後編] - VASILY GROWTH HACK BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6c2f6d87086ee8eacb682811763af52b071baf0/height=288;version=1;width=512/https%3A%2F%2Fvasily.jp%2Fgrowthhack%2Fwp-content%2Fuploads%2F2014%2F03%2Fhooked.png)
チームがリモートで活動するために大事にしている10のことbokete140219
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/587/room ーーーーーーーーーーーーーーーーーーーーーーー
白と黒で創られたシンプルですごいWebサイト10選
こんにちは。 バランスにこだわったシンプルなサイトは見ていて飽きないものです。 今回は、白と黒をベースに作られたシンプルですごいWebサイト10個ほど選んでみました。 Kenji Saito Kenji Saito氏のポートフォリオです。 動きを含めバランスも非常に優れています。Flashじゃないのがまたすごい… Mac Pro ゴミ箱などいろんなネタにはされましたが、相も変わらずサイトのデザインは素晴らしいですね。恐れ入ります。 サイト1枚で製品の良さを存分に説明できてますね。 すごいうぇぶ [browser-shot url=”http://sugoiweb.nezihiko.com/” width=”550″] 見た人が口を揃えて「すごい！」といってしまうサイト。面白法人カヤックの佐藤ねじ氏の作品。 本の書き出し 書き出しの1文だけで本を選ぶ事が出来るサイトです。 日本語をうまく使っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPCERT コーディネーションセンター
IT業界・エンジニアの転職ならTech Stars Agent
Touch Lab - タッチ ラボ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
はてブAPIでwebサービスを作りたい全ての人に向けて書きました
35歳無名のシステムエンジニアが1年半でフロントエンジニアになるために行った3つの成長戦略
http://gif89a.net/artist/after-effects-style/
新着記事
