Hara Kazunari  

@herablog

Web Developer, Tech Lead of , , Chrome Customer Advisory Board 📕 Vol.109(CDN), GitHubの教科書, CSS3逆引きデザインレシピ, フロントエンド

渋谷区, 品川区, JP
Vrijeme pridruživanja: kolovoz 2009.

Tweetovi

Blokirali ste korisnika/cu @herablog

Jeste li sigurni da želite vidjeti te tweetove? Time nećete deblokirati korisnika/cu @herablog

  1. Prikvačeni tweet
    1. velj

    PWA Night CONFERENCE 2020のスライドを公開しました! Webアプリケーション(PWA)を運用していくうえで考慮していることをまとめました😉

    Prikaži ovu nit
    Poništi
  2. proslijedio/la je Tweet
    2. velj

    Again, amazing PWA showcase from CyberAgent. This is a comprehensi ve guide to build the best UX web app, including important points to be considered A LOT. Love to know each topic more deeply. / Scalable PWA

    Poništi
  3. 1. velj

    はPWA触れながら、Webに関する色々な種類の話題があって楽しかった。運営のみなさまありがとうございました!

    Poništi
  4. 1. velj

    Webサービスを提供する際に、利用者の要望を反映することはユーザー体験を向上させます。 特に意図的な「デフォルト指定ではない」要望に対応することは重要です🎨 こえのブログはじめ、AmebaのサービスではReduce Motions, Dark Mode, Data Saverなどの対応を進めています👩‍💻🧑‍💻

    利用者がモーションを減らして欲しい指定をしてた時にアニメーションをストップする。こえのブログでは、CSSのメディアクエリ「prefers-reduced-motion: reduce」が指定された場合には、リスト表示中のプレースホルダのアニメーションをなくしている。
    こえのブログで検討されているダークモード対応の説明とモバイル端末でのスクリーンショット。CSSのメディアクエリで「prefers-color-scheme: dark」が指定された場合には、CSS custom propertiesの色指定を上書き、例えば「--app-background-color: black; 」「--app-text-color: white; 」にしてダークモード対応を考えている。
    Prikaži ovu nit
    Poništi
  5. 1. velj

    Wake Lock APIはデバイスのスリープを防ぎます。 以下の改善ができました👌 ☑️ 録音中に残り時間が確認できる ☑️ 録音ストップボタンがすぐ押せる ☑️ バックグラウンド録音になった時にノイズが入らない Origin Trialで実際にリリース中ですので、Androidをお持ちの方はお試しください🎙️

    このブログに導入したWake Lock APIに解説画像。録音画面のスクリーンショットと共に解説テキストが表示されている。解説テキストはTweet本文と同様です。
    Prikaži ovu nit
    Poništi
  6. proslijedio/la je Tweet
    29. sij

    🎤DIST.31 セッション紹介✨ SPA/PWA時代のWebデザインのお作法 \ 新しい体験にあわせた設計が必要とされているシーンにおいて、デザイナーの心構えや知識を紹介します。 🗣️スピーカー サイバーエージェント UXエンジニア 谷 拓樹 👇申し込み

    Poništi
  7. 28. sij

    がCDNキャッシュを活用し、より安定して提供できるようになりました💪長年続くサービスを理想の状態に近づけるのは予想通り大変でしたが、地道に対応を続け、予め想定していた効果を出せました。お疲れ様でした〜!

    Poništi
  8. 22. sij

    社内勉強会でchrome://site-engagement でTwitterは何位か大会をやったら、2位のツワモノがいて上には上がいるな...と思いました😮

    Poništi
  9. proslijedio/la je Tweet
    22. sij

    Chrome81からJPEGではEXIFデータのオリエンテーションをデフォルトで採用 // Correct image orientation for images - Chrome 81

    Poništi
  10. proslijedio/la je Tweet
    22. sij

    Chrome 82 で AppCache が削除される予定なんですが、それに先立ってセキュリティフィックスとして AppCache manifest のスコープに関する変更が入いるという話です。影響があるか確認する方法が紹介されているのでまだ AppCache を使われてる方は是非ご確認を。

    Prikaži ovu nit
    Poništi
  11. proslijedio/la je Tweet
    30. pro 2019.

    年末年始にイチからJavaScriptを学び直す機会としてJavaScript Primer はどうでしょうか? スマホでも読めて、ブラウザ上でそのままJavaScriptのコードを実行しながら学べるような作りになっています。

    Poništi
  12. 26. pro 2019.

    アクセシビリティチームの専門性にはとても助けられました🙏今後もアプリケーション品質向上の一環として継続していきましょう🙌

    Poništi
  13. proslijedio/la je Tweet
    19. pro 2019.

    AMP Storiesに関して開発する中で活用方法/可能性が2種類あるなと感じていたのでその辺を言語化しました! AMP Storiesで始める2パターンの新たなweb体験

    Prikaži ovu nit
    Poništi
  14. 19. pro 2019.

    今日の忘年会、SameSiteの話したかったけど、すっかり忘れてた・・・

    Poništi
  15. proslijedio/la je Tweet

    AmebaアクセシビリティガイドラインのWeb Bundle版配信を開始しました🎊 Web BundleはzipファイルのようにWebサイトを1ファイルにまとめてブラウザで開けるようにする新技術です✨ オフラインでもアクセス・シェアが可能🎉 GitHubからダウンロードしてぜひご利用ください☺️

    Poništi
  16. proslijedio/la je Tweet
    17. pro 2019.

    Wow CyberAgent just published a Web Bundle version of their a11y guidelines 🎁 Now accessible / shareable even when offline! Amazing work here🎉 cc/

    Poništi
  17. proslijedio/la je Tweet
    17. pro 2019.

    Chrome Canaryでお試しできます😆 これで文字通りいつでもどこでもガイドラインが読めます🎉 地下鉄でAmeba Accessibility Guidelinesを読みたい、そんなあなた(私)にぴったり!✨✨

    Poništi
  18. 17. pro 2019.

    アクセシビリティに興味がある皆様にお知らせです📢 AmebaアクセシビリティガイドラインのWeb Bundle版配信を開始しました📦つまり・・・オフラインや回線が不安定でも安定して読めたり、友達に送信してシェアできます。 GitHubからダウンロードしてぜひご利用ください📲☃️

    Screen shot of the release page on GitHub. This page explain what is web bundle and how to use it on your device. Please access to the page with a link in this tweet to read more details.
    Poništi
  19. proslijedio/la je Tweet
    13. pro 2019.

    Great article written in English from CyberAgent. Especially reducing data consumption with Save-Data mode part and ensuring accessibility more than normal page part are impressive, and needless to say, マメヒコ and クロスケ are so good as always🙃

    Poništi
  20. 12. pro 2019.

    AmebaでのAMP Stories開発過程が(なぜか英語で)公開されました😬 画像や動画というビジュアルを中心としたWebページを作る上で工夫した点をまとめています。 なかでも による初期プロトタイプ、渾身のCSS Animations 動画が必見です💫

    Poništi

Čini se da učitavanje traje već neko vrijeme.

Twitter je možda preopterećen ili ima kratkotrajnih poteškoća u radu. Pokušajte ponovno ili potražite dodatne informacije u odjeljku Status Twittera.

    Možda bi vam se svidjelo i ovo:

    ·