フロントエンドの Monorepo をやめてリポジトリ分割したワケ - カミナシ エンジニアブログ
こんにちは。ソフトウェアエンジニアの坂井 (@manabusakai) です。 カミナシのプロダクトは、管理者の方が使う Web アプリに React、現場の方が使う iPad / iPhone アプリに React Native を採用しています。 どちらもフロントエンドの技術スタックを採用していることもあり、先日までは Monorepo と Yarn Workspaces の構成で運用されていました。 最近では Monorepo 化を進めている事例もよく見かけるようになってきました。 engineering.mercari.com devblog.thebase.in ですが、カミナシでは Monorepo をやめてリポジトリ分割をする意思決定を行いました。 具体的には、harami_client という Monorepo を harami_web と harami_mobile とい
最新のGoogle Chrome 108で「Passkey」が利用可能に。Googleアカウントでクレデンシャル同期など
最新のGoogle Chrome 108で「Passkey」が利用可能に。Googleアカウントでクレデンシャル同期など 12月2日から配布が開始されている最新のGoogle Chrome 108では、パスワードレスを実現する機能の「Passkey」がWindows 11、macOS、Android版で利用可能になっていることをGoogleが明らかにしました。 下記はブログ「Introducing passkeys in Chrome」で紹介されているAndroid版ChromeでのPasskey利用時の画像のキャプチャです。 Chromeは以前から業界標準のパスワードレス技術であるWebAuthn/FIDOに対応しており、パスワードを使わずデバイス側での指紋認証やPINコードなどによる認証によりWebサイトへログインできる機能を備えていました。 参考：Chrome 70から、WebAut
lightGallery
lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript. View on GitHub
Sign-in form best practices | Articles | web.dev
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
Standardizing lessons learned from AMP
For over two years, AMP has been a leading format for creating consistently excellent user experiences on the web, and Google continues to invest strongly in it as our well-lit path to achieving a user-first web. We’ve long believed that the goal of a user-first web can be built in many ways, but, until we began working on AMP, knowing exactly what that meant and how it could be verified was a cha
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
モバイルエディタの時代／“編集”という職能の転回点
モバイルとソーシャルの時代を迎えたメディア。 その新たな環境へと架橋する存在として、 モバイルエディタが台頭している。 モバイルエディタとはなにか。 そして、その存在理由を問う。 つい最近、著名な英国の雑誌社 Condé Nast でデジタル部門を統括する人物が、衝撃的な発言をしました。同社 Web サイトを来訪するデスクトップ（PC）ユーザーは、来訪者全体のたった 4% に過ぎないというのです。 Digiday に掲載された取材記事は、同社がデジタルコンテンツのパフォーマンス向上を果たすべく実施したデザインリニューアル、共通 CMS 再構築などについて追ったものです。その中から発言をもう少し紹介しましょう。 Web ページをデザインしようとすると、われわれはデスクトップ（PC）用サイトの見え方をどうするかに取り憑かれてしまう。（しかし）われわれの PC 用 Web サイトの読者は、われわ
Opera、身売りを含む選択肢検討を開始
ノルウェーOpera Softwareは8月7日（現地時間）、身売りを含む戦略的な選択肢の検討を開始したと発表した。アドバイザーにABG Sundal CollierおよびMorgan Stanley Internationalを起用した。 年内には結論が出る見込み。 Operaが同日発表した第2四半期（4～6月）の業績予測は、アナリスト予測を下回る45％増の1億4600万ドル。2015年通年の売り上げ予測を従来の6億3000万ドル～6億5000万ドルから6億～6億1800万ドルに引き下げた。 Operaは売り上げ不振の原因をモバイル広告事業が予想より伸びなかったこととしている。
Y!mobileはHTTPのプロトコルを監視して帯域制限を行っている｜11. 00100100…
旧EMOBILE LTEの回線でアプリのテストをしているときに謎の不具合として発見しました。 スピードテストや、普通のブラウジングは快適に行えているのに何故かzipファイルの転送時のみものすごく遅くなり、最初は自分のアプリの不具合を疑いましたがHTTP通信全般で発生するようです。 。 契約回線は旧EMOBILE LTEで、「当月のご利用通信量が10GB以上」で帯域制限を行うと公表されています。 テストした日までの通信量は10.588GBで、目安の通信量を超過している状態です。 この状態でHTTPによるリクエストを出すと、ファイル種類によって挙動が変わります。 月初めはどのような挙動になるか不明なので来月になったらやってみます。 以下実験結果です。 以下コマンドで1MBのダミーファイルを生成。 % dd if=/dev/zero of=test.zip bs=1M count=1 ファイルの
通信の最適化を確認するやつ
tweet 通信の最適化で画像の情報が圧縮されていないか調べられるように、適当に作ってみた。 このサイトで得られる情報が正しいとは限りません。ご注意下さい。 created by @mumei_himazin
Google が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた
Google が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた Google がモバイル検索の順位決定時に 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表したことに関連して、そもそも Google は何を根拠に 「モバイルフレンドリー」 かどうかを判断しているのか、という点について調べてみました。 先週ですが、Google が Official Google Webmaster Central Blog で、2015年 4月 21日 （米国時間） から、モバイル検索の順位決定時に、その Web サイトが 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表しました。 Finding more mobile-friendly search results ： Official Google Webmaster
Frontrend Vol. 6：Android端末の動作検証の課題を解決「STF」
サイバーエージェントでは現在数多くのAndroid対応のウェブサービスやアプリを提供していますが、問題となるのはそれぞれのAndroid端末を個別に検証しなければならないこと。 この課題を解決するべく立ち上がった、STF（仮）という開発中のプロジェクトの概念を紹介し、一部の機能を説明します。
BaaSはまだ戦国時代だったのか、まとめ。(執筆中) - Qiita
ここ数年、iOSやAndroidアプリのバックエンドとして、mBaaSが盛り上がりを見せています。ただ、すでに複数のサービスが終了の憂き目にあっていて、どのタイミングで手を出すかは悩むところかもしれません。また、一周まわって、改めてWebサイトのバックエンドとしても選択肢に。 大手による買収と、淘汰 「BaaSありすぎ」と言われて久しいですが、未だ新規参入もあり、全体像はかなりつかみにくくなっています。Parse, Cocoafish, StackMob, GoInstantなどは大手に買収され話題を呼びました。ただ、Parseがサービス継続、Cocoafishがブランド変更(Appceleratorの一部へ)、他はサービス停止と明暗が分かれています。 サービス名 対応SDK 無料枠 有料プラン 提供期間 備考
Googleはなぜモバイルに力を入れるのか？これからのWebパフォーマンスで注力すべきポイント
こんにちは、川田です。Googleはここ最近、デスクトップ向けWebに対して、ほとんどの関心を失っているように見えます。HTML5ブームも過ぎて、やることがなくなってしまったのでしょうか？……いえいえ、そうでもありません。昨今の待ったなしで進む技術革新の中で、彼らは「ある問題」と戦っているようです。 Webは「モバイル」中心の時代へ移っていく すでにご存知の方も多いと思いますが、GoogleのビジネスモデルはWebに強く依存しています。2014年1Qの決算で、Googleは全売上の約68%が自社のWeb系サービスの広告収入であり、約22%はAdsenseなどの他のWebサイト向けの広告であると報告しました。Webに依存したビジネスが実に9割を占め、1日に約120億円の収入をWebから得ています。もっと簡単に言えば、Webだけで、タイの国民全員の給料分ぐらい稼いじゃってます。当然、Webの進
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
救急車の“たらい回し”を解消せよ！ 佐賀県のiPadを使った取り組み
GitHub - GoogleChrome/rendertron: A Headless Chrome rendering solution
WorkerDOM: Concurrency for JavaScript programming with the DOM
React Nativeを活用したアプリ開発体制 - Google スライド
Effective web performance tuning for smartphone
