{{ account.title }} 完了していません {{ item.message }} {{ item.title }} {{ item.description }}

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという

2021年4月、ネット話題になったり、個人的に使っていたり、気になったWEBサービスを紹介していきたいと思います。 Stamp 「Stamp」は、見たページをStamp内のフレンドとシェアするWebブラウザです。Google Chromeをベースにしたブラウザで検索した記事・画像・動画が、フレンドに自動で24時間限定でシェアされるという仕組みになっています。「Stamp」のブラウザでただ検索して見るだけでシェアできるという手軽さはいいですが、閲覧履歴を知られたくないという人もいるとおもいます。そういう人は「シークレットモード」を使うなり、「Stamp」では無いブラウザを使うなりの工夫をしましょう。 ビジネス渡航情報 株式会社テレコムスクエア海外Wi-Fiレンタルサービス「Wi-Ho!（ワイホー）」サイト内に、「Wi-Ho! （ワイホー）ビジネス渡航情報」を公開しました。海外出張・ビジネス渡

外国人のほうが真面目に働く 「もうコンビニに日本人はいらないよ、人によっては考えるけどさ」 都心を中心に複数のコンビニを経営する60代男性オーナーの言葉に私は耳を疑った。別件の取材で地主など富裕層のコロナ禍に興味を持った私が、とあるオーナーズクラブで紹介され、移動の車中でいいならと応じてくれた。それにしてもコンビニバイトなんて万年人手不足のはず、この未曾有のコロナ禍、それ以前の古い情報のアップデートは常に必要だと身にしみる。少し前まで、日本人が来てくれないから外国人を雇っていたはずなのに、どういうことか。 「だって外国人は最低時給でも文句言わないし、どの国の子も真面目によく働いてくれる。日本人は怠け者が多いし文句ばかりだ」

狂おしいほどの肉欲にとらわれて 血のしたたるようなステーキが食いてえ。 まるで往年のプロレスラーが言いそうなことですが、誰しも狂おしいほどの肉欲にとらわれることがありますね。肉欲、あります。 そんなときはステーキに限ります。 お店で食べるとちょっと高くつくので、俺は自宅でステーキを焼くんだとインターネットでレシピを探すと、なんですかこれは。 ひとつ、肉の厚みは2.5センチ以上でなくてはならない。 ひとつ、鉄のフライパンでなくてはならない。 ひとつ、肉の温度は70℃を越えてはならない。 ……などなど。 めんどくさい。 ネット上のこだわりステーキレシピにはいちいち細かい決まりごとがあって、すごくハードルが高いです。なんかもうぜんぜんワイルドじゃない。 実は、肉の調理に関しては科学的な答え合わせがほぼ終わっております。 低温長時間の加熱と表面の適切なメイラード反応によって、塊肉は間違いなくおいし

巷で話題になりつつあるビデオツールがあることをご存知ですか？ Zoomでも、Skypeでも、Wherebyでも、Google Meetでもない、新進気鋭のツール。 それが「spatial.chat」です！ 今まで使ってきたビデオツールとは一線を画したUX/UIで、まるでバーチャル空間にいるような感覚！サマーウォーズ感！ 概要「Try Me」では、本サービスをサクっとお試し利用できます。 「Create Space」では、専用のスペース（ルーム）を作成します。作成時にメールアドレスを登録するだけ。登録したメールアドレス宛にスペースのURLが載ったメールが届くので、そのURLにアクセスしてスペースに入りましょう。他の人は同様のURLにアクセスするだけでスペースに入ることができます。 リリースしてそんなに経ってないからか、すべて無料で使えます。有料プランは今のところありません。スペースに入れる人

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 世界はCOVID-19(新型コロナウィルス感染症）の脅威にさらされており、世界中の都市で多くの人が自宅での閉じられた生活を余儀なくされている。 特に観光業やイベント・商業施設など「現地に足を運んでもらう」ことが必要なビジネスは大打撃を受けており、とても苦しい状況だ。彼らは今できることを必死で考え、環境に適応する「変化」を受け入れようとしている。 例えば、観光体験プラットフォームのAirbnb（エアビーアンドビー）がアクティビティーのオンライン体験を提供開始するなど、オンライン体験型のコンテンツをビジネスに取り入れる企業事例が増えている。こんな時だからこそ、オンライン体験を提供することで人々と接点を保つことができるし、外出を制限されている人

7月25日に WebMusicハッカソン #4 @kyoto というのがあるのですが、ちょうど良い機会なので僕が作ったウェブ音楽用簡単超絶便利ライブラリを紹介したいと思います。 WEB AUDIO SCHEDULER 2 つの時計のお話 - Web Audio の正確なスケジューリングについて - HTML5 Rocks Web Audio で必須な割に難しいのがスケジュール管理で、いちおう上の記事のやり方が推奨なのですが、そのままやるとかなり面倒くさい。のだけど、このライブラリを使うと面倒な部分は気にせず、いつ何をしたいのかを書くだけで良くなる。以下は簡単なメトロノームの例。 var gcguard = []; var audioContext = new AudioContext(); var scheduler = new WebAudioScheduler({ context: a

Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSやSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Appleが1984年に発表した「Apple IIc」は発売から30年以上が経過するレトロなコンピューターです。その本体は長年の歴史を感じさせるように黄ばんでおり、映像を出力するビデオ端子は不調を抱えているのですが、古いコンピューターをレストアしてコレクションしているThe 8-Bit Guyは、そんな古びたApple IIcをまるで新品同様なピカピカの状態に復元させるムービーを公開しています。 Apple IIc Restoration and video jack repair - YouTube 手に入れたApple IIcはすっかり黄色くなっており、いかにも古さを感じさせる状態。 本体にはシールを剥がしたノリの跡が残っていたり…… Appleマークの真下にも汚れが残っていたり。 持ち運び用ハンドルの部分にも、黒いシミのような汚れが残っています。 さらに、黄色いビデオケーブルでブラウ

ありとあらゆるモノがインターネットに接続されるIoT時代の到来を目前に、コイン大の極小・極薄端末が「VoCore」を使えば、自分で機械に組み込んでLinuxベースでプログラムすることで、いろんなモノをIoTデバイスに仕立てることができます。 VoCore | A coin-sized Linux computer with wifi http://vocore.io/store/index これが横25.4mm×縦25.4mm×厚さ3.4mmの極小コンピュータ「VoCore」です。コイン大のサイズにCPU・メモリ・Wi-Fiモジュールなどが組み込まれています。 CPUは「RT5350F(PDFファイル)」(360MHz)、メモリは32MBのSDRAM(133MHz)、8MBのSPIフラッシュメモリストレージ、Wi-Fi(2.4GHz、802.11n)チップを搭載し、USB2.0やイーサネッ

数千円で手に入れられるシングルボードコンピューターとしては「Raspberry Pi(ラズベリーパイ)」が有名ですが、これらの安価なコンピューターでプログラミングを学んだりオリジナルの電子工作ガジェットを作ったりする「Maker」と呼ばれる電子工作ファンが世界中で増殖中です。そんな中、Makerへのハードルを大きく引き下げてくれそうな激安9ドル(約1000円)のワンボードコンピューター「CHIP」が登場しました。 CHIPがどのようなコンピューターボードなのかは以下のムービーを見ればよく分かります。 CHIP The World's First Nine Dollar Computer by Next Thing Co - YouTube これが世界初、わずか9ドル(約1000円)のコンピューター「CHIP」です。 CHIPはコンポジットケーブル、VGAケーブル、HDMIケーブルでディスプ

モバイル機器への対応を強化している感のあるGoProは2016年5月4日、スマートフォン/タブレット向けムービー編集アプリ「Quik」と「Splice」の2種類をリリースしました。Quikは素早く手軽に映像作品を編集できるアプリ、SpliceはまるでPCのような高度な編集をスマートフォン上で行うことが可能というアプリとなっているとのこと。今回はまずQuikを使ってサクサクッとムービーを編集してみることにしました。 Automatic edits made awesome. - Quik by GoPro https://quik.gopro.com/ ◆どんなムービーが作れる？ QuikはGoProで撮影したムービーや、インストールしたデバイスに保存されている画像やムービーから自動的にムービーを作成できるというアプリ。処理の際には自動的に動画クリップの最適な瞬間を分析し、トランジション(場

チープ・トリック（Cheap Trick）が米国のネット／衛星ラジオ局SiriusXMにてスタジオ・セッションを披露。曲は「Surrender」と「I Want You To Want Me」。映像あり

あなたのページ読み込み速度、遅すぎませんか？ サイトがなかなか表示されないのはユーザーとして見た時に非常にストレスフル。理想のページの表示時間は最低でも2秒以内、目指すべきは1秒以内と言われている。 gori.meでも長いこと様々なツールを駆使しては読み込み速度改善にむけて取り組んできた。先日、ついにGTMetrixにおける測定値が安定して1秒台を出すことに成功したので、今回はこれを実現するために僕が実施した5つの施策をまとめておく！ページの読み込み速度に悩んでいる人は参考にどうぞ！ gori.meのGTMetrixスコアと読み込み速度 1秒台を出す方法を話す前にそもそも本当にgori.meは読み込み速度1秒台なのかということについて、先ほど取得したGTMetrixのスクリーンショットと共に紹介しておく。 ご覧の通り、読み込み速度は1.4秒、Googleの「Page Speed Grade

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、

Udemyは、学びたい人、教えたい人のためのオンラインのマーケットプレイスです。プログラミング、マーケティング、データサイエンスなど、220000以上のコースを7,000万人の受講生が学んでいます。