様々なメディアサービスを提供しているサイバーエージェントでは、サービスの特長に合わせて現場の技術者が使用する技術を選定しています。 新卒エンジニアは約２ヶ月に及ぶ全体研修を終えた後、各プロジェクトに配属されますが、現場での育成プログラムもさまざま。今回は新感覚SNS「755」チーム独自の若手育成プログラム「モックアップドリル」をご紹介します。 「モックアップドリル」に取り組んだ2016年新卒入社の林と、プロダクトオーナー佐々木、クリエイティブディレクター山幡に話を聞きました。 林 眞司 「755」　iOSエンジニア。2016年サイバーエージェント新卒入社。 内定者時代にはライブ配信サービスの立ち上げに携わる。入社後、新卒研修を終えて2016年6月より株式会社7gogoに出向し、現職。 佐々木 興平 「755」　プロダクトオーナー 兼 ディレクター 兼 株式会社7gogo 取締役。金融系情報

Here you can find everything you need to build AMP experiences. The sidebar on the left shows you all resources for building AMP websites. AMP's development workflow Start Building a 'Hello World' page and try adding your first interactive feature to an AMP page.

Components Create every content, layout and feature on your website with an AMP component.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

サイバー・バズの@kashira2339です。 最近巷を賑わせているAMPと、導入にあたって検討されるであろうことがらについて サイバー・バズでの取り組みにあわせて触れていきたいと思います:) 急いでいる人用 AMPを導入すると... モバイルページの表示が早くなる 検索結果にカルーセルUIが表示される Twitter、FacebookなどSNSのシェアボタンが設置できる サイドメニューやアコーディオンUIは拡張コンポーネントで使える 限られた広告は表示できる テンプレートエンジンの駆使で仮想的に外部ファイルが読み込める サードパーティのレコメンドエンジンは海外に強い会社を中心に対応されている 現状、記事ページのみ対応可能 SEOに直接影響はない GoogleAnalyticsが使える SNSの投稿やyoutubeも埋め込める 10人日程度の工数がかかる 時間があるならば、やらないよりはや

はてなブログでは、記事編集画面の左上にある「編集」タブ（PC版）で選択できる編集モードとして、新しく「HTML」モードを追加しました。編集画面に入力されたテキストすべてを、そのままHTMLとして解釈し、表示します。有料プラン「はてなブログPro」ユーザーが利用できます。 これまでも「見たまま」モードの「HTML編集」タブでは、記事をHTMLとして編集することができました。しかし、「見たまま編集」タブでの操作などにより、さまざまなHTMLタグが自動で挿入・置換され、必ずしも執筆者が意図する通りのHTMLで表示されないことがありました。 「HTML」モードでは、 GUI（WYSIWYG）エディタも、はてな記法やMarkdownといった簡易記法もなく、記述したHTMLをインデント等も含めてそのまま保存し、そのままレンダリングして表示します。 いちからHTMLで執筆した記事がすでにある場合や、HT

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AMP(Accelerated Mobile Pages)がGoogle検索の仕様に加わってからひさしくなりますが、さらなる広がりの予感をAMP Projectがみせております。 ウェブデザインが収束の方向に向かっている BootstrapやMaterial design、Reactなどコンポーネント単位でウェブモジュールをつくっていこうという動きがあります。これは当たり前です。たとえ、オリジナルデザインでウェブサイトを作ろうとしても、パーツの再利用性などを考えることは効率やブランディングの観点からも正しく、みんなそうしてウェブサイトを

プログレッシブウェブAMP この記事はGoogle DevelopersのProgressive Web AMPsの日本語訳です。Progressive Web AMPsの多分一番いいチュートリアルです。 しかし、Service Worker, Promise, AMPに関して基礎的な知識がないと途中で挫折することになると思います。 そのような場合はこの記事をストック(←重要)した後、以下の参考記事を読むことをおすすめします。 そもそもプログレッシブウェブAMPって何？って方へ: https://www.suzukikenichi.com/blog/pwamp-is-combination-of-pwa-and-amp/ Service Workerって何？って方へ: https://developers.google.com/web/fundamentals/getting-starte

概要 PWA = モバイルのWEBページでネイティブアプリのようなUXを提供するためのもの ※ 2020/04/05 追記: PWAに関する仕様の策定当初はモバイルでのユースケースが主だったと記憶していますが、PWAはモバイルに限定されたものではなく、実際にデスクトップでの活用例も増えています。参考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モバイルのWEBページを高速化するためのもの どちらもGoogleが主軸となって策定されている、モバイルページを進化させるためのプロジェクトおよび技術。ネイティブアプリの代替技術ではなく、ブラウザAPIの進化によってネイティブアプリのようなUXをウェブページで提供することが主眼。 1. PWAとは Progressive Web Appsの

はじめに 5/17（米国時間）〜3日間、Google I/O 2017が開催されました 今年も盛況だったようです いつものように 全てのセッションの動画 が公開されています 去年のセッションの中で話題になっていたAMP・PWAについて今年のセッション動画から動向を確認してみました AMP・PWAとは？（おさらい） AMP(Accelerated Mobile Pages) GoogleとTwitterが合同で開発 モバイルでページを高速表示する 必要な技術 AMP HTML…専用のhtml/CSS/JSコーディング AMP JS…専用のJSライブラリ Google AMP Cache…キャッシングのためのCDN 参考 Accelerated Mobile Pages Project（公式） Googleの AMPデモ AMP Start …AMP＋Material Designのコンポーネ