ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

6月、北海道に関連するニュースでは「休業要請」や「空港ビル」などの見出しが目立った＝「#COVID_19WordMap」から 出典： https://cl.asahi.com/api_data/covid_19.html マスクに踊らされ、中止に泣いた2月 ついに緊急事態宣言、厳戒態勢の4月 各地のクラスター発生に深刻さ深まる8月 新型コロナウイルスが出現し世界が一変した2020年が、もうすぐ終わろうとしています。感染拡大が本格化した2月から、人々の意識はどのように変化していたのか。コロナを伝えるニュースのアーカイブを元に「自然言語処理技術」と「地図表現技術」を組み合わせることで、刻々と変化していった様子が浮かび上がりました。マスク不足に戸惑いながらもまだ余裕のあった2月、感染拡大に青ざめていく3月、自粛解除でポジティブさが広がる5月……。感染者数などの数字だけでは見えてこない人々の意識を

2020年もそろそろ終わりだが、今年もたくさんのオープンワールドゲームがリリースされた。YouTubeチャンネル「Dimitris Galatas VFX」は『アサシン クリード ヴァルハラ』や『ゴースト・オブ・ツシマ』、『サイバーパンク2077』を含めた2020年最新版「オープンワールドゲームのマップ広さ比較」動画を公開した。 数字と共に見た目の大きさもある程度スケールが調整されているので、見るだけでもとてもわかりやすい。 これまで世界でもっとも広大なゲームは、オープンワールドゲームファンにはおなじみの『The Elder Scrolls II: Daggerfall』だったが、2020年は大きなブレークスルーが起き、思いもよらないゲームが大きさ1位を獲得。晴れて歴代1位となった『Microsoft Flight Simulator』の広さは、是非動画を見て確認してほしい。 今回の動画内

「Go Toトラベル」をめぐって菅総理大臣は、政府の対策本部で、今月28日から来年1月11日までの間、全国一斉に一時停止する考えを表明しました。 新型コロナウイルス対策をめぐり、政府の分科会が先週、感染状況が高止まりしている地域は「Go Toトラベル」の対象から除外することなどを提言したことを受けて、政府は14日夜、総理大臣官邸で対策本部を開きました。 この中で菅総理大臣は、現在の感染の状況について「全国の感染者数は高止まりの傾向が続き、さまざまな指標から見て、感染拡大地域が広がりつつある。とりわけ医療機関をはじめとして、最前線で対処する方々の負担が増している」と述べました。 そのうえで、菅総理大臣は「分科会の提言を踏まえ、年末年始にかけて、これ以上の感染拡大を食い止め、医療機関などの負担を軽減し、皆さんが落ち着いた年明けを迎えることができるよう、最大限の対策を講じることにする」と述べまし

株式会社朝日新聞社(代表取締役社長:渡辺雅隆)で新規事業開発・研究にあたっているメディアラボの研究チーム（https://www.asahi.com/shimbun/medialab/）は、機械学習による言語モデルの応用研究を本格的に始めました。 言語モデルとは、人間が話したり書いたりする「言葉」を、機械学習の技術に基づき単語の出現確率でモデル化したものです。昨今ではニューラルネットワークによる言語モデル (ニューラル言語モデル) が広く使われ始めてきており、「BERT」や「GPT-3」と呼ばれる言語モデルがメディアに取り上げられることも多くなってきました。 言語モデルには様々な学習方法がありますが、言語モデルを構築するためには、適切な学習方法を用いるほかに、大規模かつ精緻な言語データを用いて学習することが必要不可欠です。メディアラボでは、過去30年にわたって蓄積してきた朝日新聞の記事デー

日本経済新聞社と日本経済研究センターが主催する「関西経済人・エコノミスト会議」は11月13日、「関西から創る未来社会～コロナが問う変革」をテーマに大阪市内でシンポジウムを開いた。京都大学の湊長博総長、大阪大学の西尾章治郎総長、神戸大学の武田広学長、産業界からシスメックスの家次恒会長兼社長CEO（最高経営責任者）、スタートアップのStroly（ストローリー、京都市）の高橋真知社長兼共同CEOが出席

日本経済新聞社と日本経済研究センターが主催する「関西経済人・エコノミスト会議」は11月13日、「関西から創る未来社会～コロナが問う変革」をテーマに大阪市内でシンポジウムを開いた。京都大学の湊長博総長、大阪大学の西尾章治郎総長、神戸大学の武田広学長、産業界からシスメックスの家次恒会長兼社長CEO（最高経営責任者）、スタートアップのStroly（ストローリー、京都市）の高橋真知社長兼共同CEOが出席

#COVID_19WordMap : 新型コロナ関連記事可視化マップ 突如出現し、世界を一変させた新型コロナウイルス。刻々と変化する状況に、私たちの行動や生活、感情は翻弄され続けています。#COVID_19WordMap は、国内でも感染が拡大し始めた2020年2月から現在までの日本の姿を、キーワードと地図で表現し、その当時の記憶を呼び覚まします。それは、コロナ以前とは確実に変わってしまったこの世界や私たちの歩みを振り返り、改めて理解するための試みです。 本プロジェクトは、コロナ禍における日本全国の状況を＜自然言語処理＞と＜地図表現技術＞の掛け合わせにより可視化する、朝日新聞社メディア研究開発センターと株式会社Strolyの共同研究によるものです。朝日新聞社の保有するコロナ関連記事からキーワードを抽出し、極性判定、記事の位置情報推定を行った上で地図上にプロットしています。いつ、どこで、どん

NorthStar is an open source design system with reusable React components for rapidly prototyping intuitive, meaningful and accessible user experience. It simplifies your work and ensures consistent, predictable user experience at scale for your customers. With NorthStar, you can focus on innovation and do more with less.

プログラマーにとって「どうすればより効率よくプログラムを組み上げられるのか」は常に頭を悩まし続ける問題の1つとなっていますが、その道のエキスパートであるエンジニアのジュリオ・ビアソンさんが30年間ソフトウェア開発に携わってきた経験から学んだことについてブログにまとめています。 Julio Biason .Net 4.0 - Things I Learnt The Hard Way (in 30 Years of Software Development) https://blog.juliobiason.net/thoughts/things-i-learnt-the-hard-way/ ビアソンさんは多数ある「学んだこと」を以下の3つに大きくわけてまとめています。 ◆ソフトウェア開発について ◆チーム・仕事について ◆個人的なことについて これからプログラマーになろうとしている、あるいは

Next.js blurs the lines between client and server. It supports pre-rendering pages at build time (SSG) or request time (SSR). Prisma is the perfect companion if you need to work with a database in a Next.js app. You can decide whether to access your database with Prisma at build time (getStaticProps), at request time (getServersideProps), using API routes, or by entirely separating the backend out

The Fullstack Framework in Deno.Aleph.js gives you the best developer experience for building web applications.

AI企業のユビキタスエンターテインメント（UEI）は10月1日、前日付で解散したと発表した。発表文に解散の理由は書かれておらず、「突然の解散でご迷惑をおかけします」と謝罪している。 ドワンゴの初期メンバーの1人だった清水亮氏が2003年に創業した企業。深層学習用ハイスペックPC「Deep Station」シリーズを展開してきた他、2013年には、プログラミングが行える手書きベースのタブレット型コンピュータ「enchantMOON」を発売するなどして注目を集めた。 清水氏が長く代表を務めてきたが、今年3月末付で退任し、鳥居由規彦氏にバトンタッチしていた。2017年、UEIは、ソニーコンピュータサイエンス研究所とベンチャーキヤピタルのWiLとともに、AIベンチャーのギリアを設立 。清水氏は現在、ギリアの社長を務めている。 【訂正：2020年10月2日午後1時46分　記事初出時、社名を一部誤って

現地時間2020年9月29日、Amazonが世界各地の歴史的建造物の観光や郷土料理教室の参加などのアクティビティをオンラインで体験できるバーチャル旅行サービス「Amazon Explore」のベータテストを開始しました。 Amazon.com: : Amazon Explore https://www.amazon.com/explore Amazon jumps into virtual tourism, offering live one-on-one experiences around the world - GeekWire https://www.geekwire.com/2020/amazon-jumps-virtual-tourism-offering-live-one-one-experiences-around-world/ Amazon Exploreは、世界各地のツ

https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。 ただこれなんと127ページもあるんですよね〜。 全編もちろん英語なので、読むのも中々に大変ですよね〜。 てなわけで、ざっくり訳してまとめまておきました。（それでも長いけど） はじめに ここ最近のWebの進化はすさまじい ブラウザもJavaScriptもパワフルになった その分ユーザーの要求も増える やることが増えると処理は遅くなる 遅いページは見向きもされないモバイル当たり前の世界だ

CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ

Homebrew で Mac の環境構築をする機会は多いと思う．ライブラリをインストールするときに brew install xxx と実行すればすぐに使える．ただし，Mac を移行したり，再インストールするときに brew install を再実行するのは面倒で，今回は Homebrew Bundle (Brewfile) を紹介する．同僚に Brewfile を紹介する機会があり，今後もサッと紹介できるようにブログにまとめておくことにした． github.com Homebrew Bundle (Brewfile) とは？ Homebrew Bundle を使うと Homebrew でインストールするライブラリを Brewfile というファイルで管理できる．プログラミング言語だと Gemfile や package.json や pom.xml のような感じ．さらに Brewfile