herablog

<!-- Firebase Performance SDK should be loaded before this script -->
<script type="module">
  /**
   * Combine element with its ID and class names
   * @pamam {HTMLElement} element
   * @return {string} element name - e.g. div#id.classname
   */
  function combineElementWithIdAndClass(element) {
    const idName = element.id ? `#${element.id}` : '';
    const className = element.className

herablog

/**
 * This is an example code for Google App Script
 * You can run this script with time-driven triggers
 * @see https://developers.google.com/apps-script/guides/triggers/installable#time-driven_triggers 
 */

// Settings
const CRUX_ORIGINS = []; // e.g. https://example.com
const CRUX_METRICS = ['first_input_delay', 'largest_contentful_paint', 'cumulative_layout_shift']; // first_contentful_paint, first_input_delay, largest_contentful_paint, cumulative_layout_shift
const CRUX_FORM_FACTOR = ['PHONE', 'DESKTOP']; // ALL_FORM_FACTORS, PHONE, DESKTOP, TABLET

herablog

AMPとは

• AMPの立ち位置
  • 1番はやいのはハードチューニングしたサイト、それができるエンジニアのいる企業
  • AMPは2番手の位置
  • 遅い良くないサイトを2番手の位置まで押し上げるのが目的
  • AMP単体での使い方も今後考えられるので、アメブロでは両方持っておく方針 (Pinterestとかと一緒)

事例集

• Pinterestの事例
  • 150M+ MAU, 400+ engineers, 1000+ experiments

herablog

openssl smime \
    -sign \
    -nodetach \
    -in "unsigned.json" \
    -out "apple-app-site-association" \
    -outform DER \
    -inkey "xxx.key" \
    -signer "xxx.cer" \
    -certfile "PUB.txt"

herablog

デジタル分析とは

自社や競合の質的・量的データの分析を通して 顧客に対する体験を絶えず改善し、 成果を高めること

• 主導権はユーザーにある
• ビジネス目標に対する重要な行動がある
  • eコーマス 商品購入
  • ブランディング 認知されているか
  • 情報提供 情報が探しやすく見られているか

herablog

How to be a tester on iOS

Install TestFlight from App Store

Requires iOS 8 or later.

Launch TestFlight and Accept Apple Privacy Policy

Push "Accept" button.

herablog

第1回チキチキ カート大会@北千住 (エンジョイレベル)

開催概要

2014年10月25日(土) 17:30 - 20:00@シティカート
東京都足立区千住関屋町19-1

持ち物

費用: 5,000 ~ 6,000円 (人数によって変わります。)
サンダル・ヒールはNGです。汚れてもいい服装でお越しください。

herablog

• ニコ生
• シネマトゥデイ
• ギズモード・ジャパン

herablog

Header 1

Header 2

Header 3 ### (Hashes on right are optional)

Header 4

Header 5

Markdown plus h2 with a custom ID ## {#id-goes-here}

Link back to H2

This is a paragraph, which is text surrounded by whitespace. Paragraphs can be on one

herablog

CSS3デザインレシピ

この記事はFrontrend Advent Calendar 2013 18日目への投稿です。

Webサイトの装飾を担当するCSSには様々な機能追加・改良が加えられ、レベル3(CSS3)となった今、かつて画像やFlashなどでしか表現できなかったようなことが、CSSのコードを書くだけで実現できるようになりました。

CSS3で実装されたプロパティやセレクタを使うと従来画像にしていたものが、CSSだけで表示できたり、デザインのためだけに必要だった無駄なHTML要素が減ったりして結果的に読み込み速度とメンテナンス性の向上に役立ちます。

ここではCSS3で表現されたデザインサンプルをご紹介します。