Google では、すべてのユーザーにとって、美しく、アクセスしやすく、高速で、安全なウェブサイトを構築できるよう、クロスブラウザ対応のウェブサイトを作成したいと考えています。このサイトには、Chrome チームのメンバーや外部の専門家が作成した、移行を支援するコンテンツが揃っています。
![Web Fundamentals — Google Developers](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f316ac832fa4fd2c636209baa19b75a9905b5b8/height=288;version=1;width=512/https%3A%2F%2Fweb.dev%2Fimages%2Fsocial-wide.jpg%3Fhl%3Dja)
Web制作や情報収集など、Google Chromeをメインブラウザで使用している方はとても多いと思います。 Chromeの便利な機能の1つが拡張機能ですが、きちんと活用してますか?拡張機能を活用することで、Web制作業務が効率化されたり、日々の情報収集が行いやすくなったりします。 今回は、Web制作者やデザイナー向けのGoogle Chromeのおすすめ拡張機能をご紹介したいと思います。 Web制作者必見!VSCodeのおすすめ拡張機能15個まとめ VSCodeを使ってHTML/CSS/JavaScriptなどを使ったWeb制作、Webコーディングを行っている人も多いのではないでしょうか。 VSCodeは様々な拡張機能が公開されていて、それらを活... Web Design Trends
この記事は何? Googleが開発した画像圧縮アプリ「Squoosh」を紹介する記事です。 Squooshは以下のことが出来ます。 ・ブラウザ上で簡単に画像の圧縮やリサイズが出来る ・CLIでも画像の圧縮やリサイズが出来る 圧縮が必要な理由は何か?Webサイトを作成する時は、画像を利用することはなかなか避けられません。そして画像サイズが大きい場合は、Webページのパフォーマンス低下を招きます。そこで、画像を圧縮しなるべく見た目は劣化させずに画像の容量を下げる方法の一つが「Squoosh」になります。 この記事では、「Squoosh」の使用方法や感想について紹介しようと思います。 圧縮するには、2種類の方法があるので、それぞれ紹介します。 👉 ブラウザ上から画像を圧縮 👉 CLI上から画像を圧縮 ※スクリーンショット:https://squoosh.app/ より ブラウザ上から画像を圧
GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。 TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに TablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ&ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
おはようございます。しなもんです。 今回はセキュリティ調査に使える便利なブラウザの拡張機能 (アドオン・エクステンション) をご紹介します。 こうした拡張機能の多くはこの世で唯一無二の機能を持っているわけではありませんが、普段から一番よく使う調査ツールである「Web ブラウザ」に直結するため、手間の節減や各種オンラインサービスへのアクセシビリティ向上に大きな効果を発揮する場合があります。 前提 Mitaka IP Address and Domain information Link Redirect Trace User-Agent Switcher Flagfox IP Domain Country Flag Wappalyser anonymoX Wayback Machine Exif Viewer/EXIF Viewer Pro Simple Translate Mouse Di
2023年6月8日 Webサイト制作, 便利ツール おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね?登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう! ↑私が10年以上利用している会計ソフト! Googleフォントの設定 まずは通常通りGoogleフォントを設定しましょう。GoogleフォントのWebサイトから、今回は例として「Kosugi Maru」というフォントを設定したいので検索。一覧から「Kosugi Maru」をクリックします。 続いて見本の右側にある「Select this style」をクリック。 HTML 画面右側に選択したフォントが表示されます。「Embed」タブをクリックしてコードを取得しましょう。
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> SEO Japanでもたびたび紹介しているNeilpatel.com。多数の有益な記事が記載されており、ニール・パテル氏自身の知名度も抜群です。大量のトラフィックを獲得していることは想像に難くないですが、その成功の秘訣はどこにあるのでしょうか。 今回は、氏が特に重要と考えているだろう30個のアドバイスを共有している記事を紹介します。 単にSEOの施策リストというわけではなく、ブログ運営で必要な姿勢や考え方、繰り返すべきでない失敗など、広範囲に渡り扱っています。 上記のスクリーンショットでお分かりの通り、私はSEOから私のWebサイトへ、3,000万のトラフィックを獲得している。 細かく言えば、そ
クラウドの多くでは、1年程度の無料トライアルやクーポンなどに加えて、期間の制限なくずっと無料で使える、いわゆる「Free Tier」や「Always Free」と呼ばれる無料枠のサービスも提供されています。 こうした無料枠は開発環境やテスト環境としてクラウドを試すうえで非常に有効です。ここではクラウドのFree TierやAlways Freeとして提供されているおもなサービスをまとめました。 Amazon Web Services(AWS) 「AWS 無料利用枠」のWebページを開き、左側にあるフィルター条件で「無期限無料」をチェックすることで、無期限に無料で提供されるサービスの一覧を見ることができます。 おもに次のようなサービスが無期限無料で提供されています。 AWS Lambda サーバレスコンピューティングの実行環境を提供します。 1カ月あたり100万リクエスト、最大320万秒コン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Google MeetとZoomの無料版機能を比べてみた。両社ともビデオ会議システムと強力な機能を提供している。 作成:小林優多郎 グーグルは法人向けに提供しているビデオ会議ツール「Google Meet」(旧・Hangouts Meet)を一般ユーザー向けに開放した。5月上旬から提供予定としていたが、筆者が5月6日に確認したところ、既に使用可能になっていた。Google Meet公式ページにアクセスしてGoogleアカウントでログインすれば、誰でも無料で利用できる。 Googleはこれまで、法人向けのソリューション「G Suite」のサービスとして、ビデオ会議ツール「Google Meet」とチャットツール「Google Chat」(旧・Hangouts Chat)を提供。 一方、個人向けにはビデオ会議とチャット、両方の機能を備えた「Hangouts」を提供してきた。また別途、ビデオ通話
米Googleは4月29日(現地時間)、ZoomやMicrosoft Teams、Facebook Roomsなどと競合するWeb会議サービス「Google Meet」を近日中(5月上旬以降)に無料提供すると発表した。 Google Meetはこれまで、同社のオンラインプロダクティビティサービス「G Suite」の1機能として提供されてきたが、Googleアカウントを持っていれば誰でも、最大100人までの無料Web会議を開催できるようになる。9月30日までは会議時間は300時間、ほぼ無制限だ(その後無料版は60分までになる)。 なお、G Suite版Google Meetは250人まで参加でき、会議時間は(9月30日以降も)無制限(300時間)だ。 個人向けのアカウントで作成された会議の場合、「Zoombombing」と呼ばれる会議への割り込みなどを排除するために、一意のURLをクリックす
Googleは米国時間5月7日、年次開発者会議「Google I/O 2019」で、ウェブページのローディングやナビゲーションに新風を吹き込む「Portals」と呼ばれる新たなテクノロジーを発表した。 GoogleによるとPortalsは<portal>という新たなHTMLタグを使って動作するという。このタグの動作は、従来からある<iframe>タグとよく似ている。ウェブ開発者は<portal>タグを指定することで、自らのページ内にリモートコンテンツを埋め込めるようになる。 <portal>タグと<iframe>タグの違いは何かと言えば、Googleの新たなPortalsテクノロジーが<iframe>タグの制約を取り去ったものだというところにある。 Portalsを使用することでユーザーは、埋め込んだコンテンツへのナビゲーションが可能になるとGoogleは述べている。<iframe>タグで
日頃webサービスやスマートフォンアプリを使っている中で、もっとサービス間の連携が簡単にできたらいいなと感じることはないでしょうか。 そんな問題を解決するのがIFTTT(イフト)というサービスです。IFTTTを使えば、様々なwebサービスを連携させて、様々な処理を自動化することができます。 そこで、今回はIFTTTの概要と使い方をご紹介します。 https://ifttt.com/ IFTTT(イフト)とは、異なるwebサービスを組み合わせて連携させることのできるサービスです。例えばLINEとGoogleカレンダーを連携させると、カレンダーの通知をLINEで受け取れるようになります。 通常このようなサービス間の連携にはプログラミングが必要ですが、IFTTTを使えばプログラミングをせずとも、簡単な設定をするだけで容易に連携ができます。 また、連携できるサービスは180種類以上もあり、好みのサ
SEO(Search Engine Optimization)とは、検索エンジン最適化のことを意味し、検索エンジンで上位表示させるための施策のことを「SEO対策」と言います。SEO対策が実を結べば、広告に頼りきらずにWebでの集客ができ、売上などにつなげることが可能です。 SEO業界に15年以上携わり、2冊の書籍出版、2,000社以上の企業を支援してきたナイルの知見をもとに解説します。なお、すぐにSEOのノウハウを身につけたい方は、以下から無料ダウンロードできる資料でまとめていますのでご覧ください。 本資料はSEOに必要な基本的な知識を理解し、最適な結果を得るために役立つ方法を詳細に説明しています。SEOに関連する問題に直面している方は、無料の相談サービスを利用することで、解決策を見つけることができます。ぜひ、今すぐお申し込みください! 無料で資料を受け取る SEOの無料相談に申し込む S
【連載】視覚に障害を持つ僕とAlexaの日々【3】視力と共に“時計”を失ったけれど。 2018.07.09
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く