1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること - ICS MEDIA
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
見積・提案書に書いておくと不幸を減らせる前提条件
はじめに ちょっとつぶやいたら思いのほか需要がありそうだったので、簡単にまとめておきます。 おことわり これを書いておけば、すべての不幸を避けられるというものではありません 提出先との関係性次第では、書かないほうがいいこともあるかも 私自身が普段提案している内容が、すべて記載されているわけでもありません（うろ覚えで書いてたり、大人の事情） これを流用しておこったすべての事項について、何らかの責任をとることはできません 本稿では請負による開発を想定しています でも共有することで、この業界の不幸が減ればいいなということでつらつら書いてみます。 他にもあるようなら、Twitterなりコメントなりで提案してもらえると嬉しいです。 前提条件を書く目的 見積・提案書通りに、実施するために必要な条件を明確にする 条件を逸脱したときに、どうなるのかハッキリさせる 上記は概ねつぎのとおり 実現が不可能になる
ITエンジニアの年収と責務の関係について体験交えて解説していくか｜しのゆ
Photo by Giorgio Trovato on Unsplash 年収800万は普通のエンジニアか否か。火種はいつものTwitterでしたが、いろんな意見が飛び交う興味深い話に各所でなっていたようですね。うーん、様式美。 ちなみに私の感覚だとこんな感じで、年収800万といえば、一般的なWEB開発においては複数プロジェクトの技術設計を行うアーキテクト級で、SIerではおそらく課長-部長級の給与になると思っております。年収800万はそういうラインです。 年収340 → 新卒 年収400 → 2年目(転職サイトゴロゴロ 年収500 → 普通のエンジニア 年収800 → アーキテクト、テックリード 年収1000 → PM、一部スタートアップエンジニア 私の感覚だとこれですね https://t.co/1bXuiPexRj — shinoyu (@shinoyu) February 9, 2
「勝手に学ぶ人」と「期待されて学ぶ人」の差が埋められない｜柴田史郎
ここ1年ぐらい感じていた「学びに関する格差」の話を書く。 最初にまとめ・勝手に学ぶ人は、自分の周囲にある「学びに使えそうな仕事」を探して自分の仕事にすることを繰り返す ・期待されて学ぶ人は、上司とかの期待に応えて新しいことを学ぶ ・「勝手に学ぶ人のスピード」＞「期待されて学ぶ人のスピード」なので、格差が開いていく ・「早く行きたければ一人で行け、遠くへ行きたければみんなで行け」が実現できない ・勝手に学ぶ人を止める理由も見つからない ・困ったなあ（解決策わからない） では詳細を書いていく。 勝手に学ぶ人：自分の周辺にある「誰も手をつけてない仕事」を発見し、自分の学びに利用するそれぞれが自分の担当範囲の仕事をしているとする。 それぞれが自分の担当範囲の仕事をしている勝手に学ぶ人は、「誰も手をつけてない」かつ「自分の学びになりそうな」仕事を自ら発見して、自分の仕事として取り組む。 勝手に学ぶ人
コア ウェブ バイタルが良いページは検索順位も高いのか？ ―― ウェブとCWVの現状【第3部】 | Moz - SEOとインバウンドマーケティングの実践情報
コア ウェブ バイタル（Core Web Vitals、CWV）の指標と検索順位は相関するのか。CWVが良い＝順位が上なのか、悪い＝順位が下なのか、その程度は？ 「CWV」「Speed Index」「ページオーソリティ」が良好なページとそうでないページで平均検索順がどう違っているか、アップデートの前後でどう変わったのか、実データでみてみよう。 CWVの現状を専門家が解説するシリーズ「ウェブとCWVの現状」最終回だ。 第1部では、グーグルおよびウェブ全般が「ページエクスペリエンスアップデート」に向けて準備できていなかった状況について取り上げた。僕の見解はこうだ： グーグルのCrUX（Chromeユーザーエクスペリエンス）のデータを得られるウェブサイトは少なく、大多数のウェブサイトが必要な基準をクリアしていなかった。 だからこそ、アップデートが長期にわたり延期された。 第2部では、評価指標それ
Googleが「ガビガビの低解像度画像を高解像度画像に変換するAIモデル」の性能を改善、人間が判別できないレベルに
GoogleのAI研究チームであるGoogle AIが、低解像度画像にあえてノイズを追加して「純粋なノイズ」になるまで加工し、そこから高解像度画像を生成する「diffusion model(拡散モデル)」という手法を改善する新たなアプローチを発表しました。「画質の悪い低解像度画像から高解像度画像を生成する技術」には、古い写真の復元から医療用画像の改善まで幅広い用途が想定され、機械学習の活躍が期待されているタスクの1つです。 Google AI Blog: High Fidelity Image Generation Using Diffusion Models https://ai.googleblog.com/2021/07/high-fidelity-image-generation-using.html Enhance! Google researchers detail new m
日本語フォントがGoogle Fontsに大量追加！すべてのフォントが商用利用も無料のフリーフォントです
フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語
「コロナはエボラとエイズを混ぜた人工ウイルス」タマホーム社長の社内向け動画 | 文春オンライン
当該記事についてタマホームは7月22日付けで「事実と異なる内容が含まれており（略）誤った印象を与える」とするリリースを公表。だがその後も、複数の同社社員から情報提供が相次いだ。そのうちの一人、社員のA氏より、「ネット上の真偽不明な説に飛びついてはコロナについて不可解なアドバイスを連発する社長の実態を伝えたい」と、社内動画「タマちゃんTV」が提供された。 例えば昨年2月の動画では、玉木氏はこう語っている。 ある学者さんから聞いた話ですが、新型コロナウイルスはマイコプラズマの菌に、エボラとHIV、いわゆるエイズですね、エイズの菌を混ぜて作ったウイルスだと言われております また昨年4月の動画では、こう語っている。 「コロナになったら死ぬんじゃないか」とかですね、不安になっていると思います。そういう時どうすればいいか。秘密の言葉を、こっそりと教えたいと思います。それは「大丈夫、大丈夫」ということで
腰痛改善のための筋トレ・ストレッチ・ツボ押しなど自宅での対策法｜腰痛・腰の痛み｜痛みwith
腰痛を引き起こす原因に、運動不足による腰の周りの筋肉の衰えと、柔軟性の低下があります。背骨をまっすぐに支える力が低下すると、背骨や腰椎にかかる負担が増えてしまい、痛みにつながったり、筋肉が凝り固まった状態が続くことで血流が滞り、痛みを生み出す発痛物質が放出され、さらなる痛みにつながります。 ここでは腰痛改善に効果が期待できる、自宅で取り入れられる筋力トレーニングやストレッチ、短時間で取り組める電気治療器やツボ押し、またマインドフルネスを活用したメンタルケアの方法をご紹介します。無理のない範囲で取り組める、自分にあったケア方法を探してみましょう。 目次 腰痛が起こる原因と関わる3つの筋肉 腰痛改善の為の筋トレ方法 腰痛改善におすすめのストレッチ方法 電気治療によるマッサージ 腰痛改善に効くツボとツボ押しの方法 マインドフルネスによるメンタルケア 腰痛が起こる原因と関わる3つの筋肉 背骨は、椎
オープンでフラットな組織が突然「閉鎖的」と言われるとき｜柴田史郎
柴田(@4bata)です。「それぐらいわかるだろ･･･」が通じなくなるタイミングがあるんだなという発見です！ 考えたきっかけ：「オープンでフラットだと思ってたけど、結構閉鎖的なところもある」というセリフを聞いたその人に情報が伝わってなかったのかな。私の最初の感想は「前からそうだった気がするけどな･･･」。以前から整った形で情報はちゃんと流れてない。私にとっては、今働いている会社が閉鎖的には見えてない。実際には閉鎖的な部分があるのだろう。その差を理解してみたくなった。 情報の伝わり方を単純化して考える近くにいる人には自分の活動内容や背景にある意図が勝手に届くとする。携帯の電波が届く範囲、みたいなイメージ。 接触頻度が高い人同士は、いろいろ理解できている。 人数が少ないときは、何もしなくても相互に活動内容や意図が伝わっている・自分が理解できない情報も、一緒に仕事してる隣の人に聞けば情報の背景が
DXコンサルが絶対に言わない後ろめたい真実｜naoto
【お知らせ】200名以上の有名企業のCxO / 責任者クラスのトッププレイヤーを、月額定額でアサインできる「SHARE BOSS （シェアボス）」というサービスを運営しています。DXや事業開発に関するお困りごとや、お悩みがございましたら、まずはお気軽にお問い合わせください。 https://shareboss.net/about/ 2019年くらいから、デジタルトランスフォーメーション (DX) の相談を受けるようになって、今はアドバイザーみたいなのを含めて10社くらいお手伝いしています。 また、講演なんかも依頼されてたりして、そこではストルターマン教授がどうだ、とか、トレンドはー、みたいなことをしたり顔で言っていたりするわけなんですが・・・。内心では、定義とか事例の話から入るのはあんまり本質的じゃないのかな、と感じています。 足元の現場を見ると、DXDXディーエックスディーエックスいって
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
キーワードツール16選！キーワードプランナーの代わりの選定ツールなど無料から紹介｜SEOラボ
キーワードツールとは、主にキーワードの競合性や検索ボリューム（検索数）、関連キーワード（関連語）、検索順位などがわかるSEOツールの1つです。 このキーワードツールは、無料から検索・調査（リサーチ）できるものが多りあり、とくにキーワードプランナーといったキーワード選定ツールが有名です。 キーワードプランナーだけでなく、用途によってさまざまなキーワードツールが存在します。
ZOOMもUberもNetflixも、たった3万円で全てのシステム/アプリを作れるノーコードの衝撃
ZOOMもUberもNetflixも、たった3万円で全てのシステム/アプリを作れるノーコードの衝撃 2021.06.09 Updated by Ryo Shimizu on June 9, 2021, 14:40 pm JST プログラマーというのは長じるとプログラムを書かなくなるものである。 特に最近はWebサイトくらいの簡単なものでも、決まり事が多くて書くのが億劫になってしまった。 大学生が適当に書いたHTMLをネットにバラ撒き散らしていた時代と異なり、今はSSL対応が必須になり、そのための証明書の管理もしなければならないし、スマートフォンでもPCでもタブレットでも綺麗にコンテンツが見えなければならない。 そうなると、もはやそれが専業の人以外は、お手上げだ。というか、できるだけ触りたくない、というのが本音である。 ところで筆者が創設に関わった「全国小中学生プログラミング大会」も今年で第
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“ココがすごいよ！ GA4 ” 解析プロ4人が語る「Googleアナリティクス4」の便利・不便なポイント | インタビュー
https://twitter.com/shohei_ub/status/1436355723735154691
消費税アップが「景気悪化」を加速させる納得理由 - ニュース・コラム - Yahoo!ファイナンス
練習中ではなく「頻繁な休憩」がスキルを上達させると判明 - ナゾロジー
MY-TERRACE（マイテラス）
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
