UNICO LABO
@unicolabo.jp
UNICO LABO［ユニコ ラボ］
フリーランスの Webディレクター / フロントエンドエンジニア
Web 周りを中心に雑多な話題
Webサイトの企画制作 / コーディング代行 ご依頼受付中 ご相談DM対応
ご依頼 → https://unicolabo.jp/
個人 → @disk010.bsky.social
フリーランスの Webディレクター / フロントエンドエンジニア
Web 周りを中心に雑多な話題
Webサイトの企画制作 / コーディング代行 ご依頼受付中 ご相談DM対応
ご依頼 → https://unicolabo.jp/
個人 → @disk010.bsky.social
Display resolution calculator
www.cl.cam.ac.uk/research/rai...
www.cl.cam.ac.uk/research/rai...
Computer Laboratory – Projects: Display resolution calculator
www.cl.cam.ac.uk
November 12, 2025 at 12:18 AM
Display resolution calculator
www.cl.cam.ac.uk/research/rai...
www.cl.cam.ac.uk/research/rai...
なぜ "Noto Sans CJK JP" を指定しても効かない?
明示したいケースもあると思うが。
"Android 端末には、基本一種類の日本語フォントしか含まれていない。例えば Android 7.0 にはゴシック系の Noto Sans CJK JP フォントのみ"
"しかも CSS の font-family プロパティに "Noto Sans CJK JP" を指定しても効かない。効いたとしても、元々システムにそれしか含まれていないので意味なし"
Androidデバイス上のウェブブラウザに向けたフォント設定を考える。 freefielder.jp/blog/2017/07...
明示したいケースもあると思うが。
"Android 端末には、基本一種類の日本語フォントしか含まれていない。例えば Android 7.0 にはゴシック系の Noto Sans CJK JP フォントのみ"
"しかも CSS の font-family プロパティに "Noto Sans CJK JP" を指定しても効かない。効いたとしても、元々システムにそれしか含まれていないので意味なし"
Androidデバイス上のウェブブラウザに向けたフォント設定を考える。 freefielder.jp/blog/2017/07...
Androidデバイス上のウェブブラウザに向けたフォント設定を考える。
Android上のブラウザ向けに表示フォントの指定をしたい。要はスタイルシートの...
freefielder.jp
May 14, 2025 at 3:42 AM
なぜ "Noto Sans CJK JP" を指定しても効かない?
明示したいケースもあると思うが。
"Android 端末には、基本一種類の日本語フォントしか含まれていない。例えば Android 7.0 にはゴシック系の Noto Sans CJK JP フォントのみ"
"しかも CSS の font-family プロパティに "Noto Sans CJK JP" を指定しても効かない。効いたとしても、元々システムにそれしか含まれていないので意味なし"
Androidデバイス上のウェブブラウザに向けたフォント設定を考える。 freefielder.jp/blog/2017/07...
明示したいケースもあると思うが。
"Android 端末には、基本一種類の日本語フォントしか含まれていない。例えば Android 7.0 にはゴシック系の Noto Sans CJK JP フォントのみ"
"しかも CSS の font-family プロパティに "Noto Sans CJK JP" を指定しても効かない。効いたとしても、元々システムにそれしか含まれていないので意味なし"
Androidデバイス上のウェブブラウザに向けたフォント設定を考える。 freefielder.jp/blog/2017/07...
NotoフォントがWindowsに標準搭載されるので、やってみてもよさそうなこと | | HEiON
www.heion.net/knowledge/no...
www.heion.net/knowledge/no...
NotoフォントがWindowsに標準搭載されるので、やってみてもよさそうなこと | HEiON
Windows 10/11に「Noto」フォントが標準搭載 癖がなく、あらゆる文字が文字化けせずに表示できるということから、Webサイト制作時によく利用され…
www.heion.net
May 13, 2025 at 3:40 AM
NotoフォントがWindowsに標準搭載されるので、やってみてもよさそうなこと | | HEiON
www.heion.net/knowledge/no...
www.heion.net/knowledge/no...
“iOS18以降、デバイスに標準で搭載されているHiragino Sansのウェイト数が増えており、これまでと比べて気をつける点は減った“
”macOSにはW0 - W2とW9も搭載されている“
iOSはウェイトに注意！ iOSとAndroidそれぞれのアプリデザインで使える日本語標準フォント | unprinted
www.unprinted.design/articles/ios...
”macOSにはW0 - W2とW9も搭載されている“
iOSはウェイトに注意！ iOSとAndroidそれぞれのアプリデザインで使える日本語標準フォント | unprinted
www.unprinted.design/articles/ios...
iOSはウェイトに注意！ iOSとAndroidそれぞれのアプリデザインで使える日本語標準フォント
www.unprinted.design
May 12, 2025 at 3:07 AM
“iOS18以降、デバイスに標準で搭載されているHiragino Sansのウェイト数が増えており、これまでと比べて気をつける点は減った“
”macOSにはW0 - W2とW9も搭載されている“
iOSはウェイトに注意！ iOSとAndroidそれぞれのアプリデザインで使える日本語標準フォント | unprinted
www.unprinted.design/articles/ios...
”macOSにはW0 - W2とW9も搭載されている“
iOSはウェイトに注意！ iOSとAndroidそれぞれのアプリデザインで使える日本語標準フォント | unprinted
www.unprinted.design/articles/ios...
2025年に最適なfont-familyの書き方 | ICS MEDIA
ics.media/entry/200317/
ics.media/entry/200317/
2025年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか。CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。font-familyの組み合わせを紹介している記事は多々あります。
ics.media
May 12, 2025 at 2:13 AM
2025年に最適なfont-familyの書き方 | ICS MEDIA
ics.media/entry/200317/
ics.media/entry/200317/
Appleも標準フォントに追加してくれないかな
無理か
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善 Release Previewチャネルでテスト開始 | 窓の杜
forest.watch.impress.co.jp/docs/news/16...
無理か
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善 Release Previewチャネルでテスト開始 | 窓の杜
forest.watch.impress.co.jp/docs/news/16...
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善／Release Previewチャネルでテスト開始
Windows 10/11に「Noto」フォントが標準搭載されるとのこと。日本語、中国語および韓国語（CJK）環境におけるWebブラウジングで、テキスト品質の改善とカスタマーエクスペリエンスを向上させるのが目的だという。
forest.watch.impress.co.jp
March 15, 2025 at 1:55 AM
Appleも標準フォントに追加してくれないかな
無理か
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善 Release Previewチャネルでテスト開始 | 窓の杜
forest.watch.impress.co.jp/docs/news/16...
無理か
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善 Release Previewチャネルでテスト開始 | 窓の杜
forest.watch.impress.co.jp/docs/news/16...
cURL error 60: SSL certificate problem: unable to get local issuer certificate WordPressでホームページを制作していて、WordPressのアップデートやプラグインのアップデートが出来ない場合 | Web Design Aoi
xn--yck7ccu3lc4264ce4ay1qdwe.jp/%EF%BC%88%E8...
xn--yck7ccu3lc4264ce4ay1qdwe.jp/%EF%BC%88%E8...
cURL error 60: SSL certificate problem: unable to get local issuer certificate WordPressでホームページを制作していて、WordPressのアップデートやプラグインのアップデートが出来ない場合 | 仙台のホームページ制作会社です。SEO対策や、おしゃれなWEBサイトはweb design aoiまで。レスポンシブ...
（解決済み） cURL error 60: SSL certificate problem: unable t
xn--yck7ccu3lc4264ce4ay1qdwe.jp
February 17, 2025 at 3:07 AM
cURL error 60: SSL certificate problem: unable to get local issuer certificate WordPressでホームページを制作していて、WordPressのアップデートやプラグインのアップデートが出来ない場合 | Web Design Aoi
xn--yck7ccu3lc4264ce4ay1qdwe.jp/%EF%BC%88%E8...
xn--yck7ccu3lc4264ce4ay1qdwe.jp/%EF%BC%88%E8...
My first Macintosh
「Color Classic」のアーキテクチャと「Color Classic Ⅱ」への進化／今井隆の「Think Vintage.」 | Mac Fan Portal
macfan.book.mynavi.jp/article/41104/
「Color Classic」のアーキテクチャと「Color Classic Ⅱ」への進化／今井隆の「Think Vintage.」 | Mac Fan Portal
macfan.book.mynavi.jp/article/41104/
「Color Classic」のアーキテクチャと「Color Classic Ⅱ」への進化／今井隆の「Think Vintage.」
1993年に発表された「Color Classic」は、エントリーモデルがゆえに、コストダウンのための工夫が多く盛り込まれている。
macfan.book.mynavi.jp
February 13, 2025 at 12:50 AM
My first Macintosh
「Color Classic」のアーキテクチャと「Color Classic Ⅱ」への進化／今井隆の「Think Vintage.」 | Mac Fan Portal
macfan.book.mynavi.jp/article/41104/
「Color Classic」のアーキテクチャと「Color Classic Ⅱ」への進化／今井隆の「Think Vintage.」 | Mac Fan Portal
macfan.book.mynavi.jp/article/41104/
MEMO
if ($this->config['session'] && $this->config['csrf']) {
}
/* g-recaptcha-responseセット */
$this->tpl->set();
if ($is_auto_reply) {
} else {
/* reCAPTCHA設定/検証*/
}
誤）'g_recaptcha_response'
正）'g-recaptcha-response'
TransmitmailにGoogle reCAPTCHA v3を設置する方法 | テラ合同会社
design-tera.com/blog/archive...
if ($this->config['session'] && $this->config['csrf']) {
}
/* g-recaptcha-responseセット */
$this->tpl->set();
if ($is_auto_reply) {
} else {
/* reCAPTCHA設定/検証*/
}
誤）'g_recaptcha_response'
正）'g-recaptcha-response'
TransmitmailにGoogle reCAPTCHA v3を設置する方法 | テラ合同会社
design-tera.com/blog/archive...
Transmitmail(お問い合わせフォーム)にGoogle reCAPTCHA v3を設置する方法｜テラ合同会社
TransmitmailはPHP5.6以上で動作するMITライセンスのメールフォームです。 最新版はv2.6.2で...
design-tera.com
February 12, 2025 at 8:43 AM
MEMO
if ($this->config['session'] && $this->config['csrf']) {
}
/* g-recaptcha-responseセット */
$this->tpl->set();
if ($is_auto_reply) {
} else {
/* reCAPTCHA設定/検証*/
}
誤）'g_recaptcha_response'
正）'g-recaptcha-response'
TransmitmailにGoogle reCAPTCHA v3を設置する方法 | テラ合同会社
design-tera.com/blog/archive...
if ($this->config['session'] && $this->config['csrf']) {
}
/* g-recaptcha-responseセット */
$this->tpl->set();
if ($is_auto_reply) {
} else {
/* reCAPTCHA設定/検証*/
}
誤）'g_recaptcha_response'
正）'g-recaptcha-response'
TransmitmailにGoogle reCAPTCHA v3を設置する方法 | テラ合同会社
design-tera.com/blog/archive...
GIFアニメは色数や透過の制約が大きいため
もし問題が生じるようなら
WebP または APNG 形式での制作を検討すること
∨ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較
www.nedia.ne.jp/blog/tech/we...
∨ ブラウザ互換性の高いメディア形式の選択早見表
scrapbox.io/dojineko/%E3...
∨ PhotoshopでAPNGやWebPアニメーションを作ろう
note.com/matsu_eri/n/...
もし問題が生じるようなら
WebP または APNG 形式での制作を検討すること
∨ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較
www.nedia.ne.jp/blog/tech/we...
∨ ブラウザ互換性の高いメディア形式の選択早見表
scrapbox.io/dojineko/%E3...
∨ PhotoshopでAPNGやWebPアニメーションを作ろう
note.com/matsu_eri/n/...
【APNG vs WebP】次世代アニメーション画像フォーマットを比較。さらに実際に作成してみよう！ - 株式会社ネディア │ネットワークの明日を創る│群馬
アニメーション画像といえば、長年にわたりGIFが主流でしたが、画質の低下や透明度の制限などのデメリットがありました。 そこで近年、APNGとWebPという新しいアニメーション画像フォーマットが登場しましたが、どちらを使う […]
www.nedia.ne.jp
January 21, 2025 at 2:15 AM
GIFアニメは色数や透過の制約が大きいため
もし問題が生じるようなら
WebP または APNG 形式での制作を検討すること
∨ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較
www.nedia.ne.jp/blog/tech/we...
∨ ブラウザ互換性の高いメディア形式の選択早見表
scrapbox.io/dojineko/%E3...
∨ PhotoshopでAPNGやWebPアニメーションを作ろう
note.com/matsu_eri/n/...
もし問題が生じるようなら
WebP または APNG 形式での制作を検討すること
∨ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較
www.nedia.ne.jp/blog/tech/we...
∨ ブラウザ互換性の高いメディア形式の選択早見表
scrapbox.io/dojineko/%E3...
∨ PhotoshopでAPNGやWebPアニメーションを作ろう
note.com/matsu_eri/n/...
それな
"Next.jsを習得するためには、その特有の概念やツールを学ぶ必要があり、これに伴う学習コストが大きいのも課題"
"Next.js 特化の知識に依存することで、フロントエンドエンジニアのスキルセットが特定のツールに偏るリスクがあります。標準的な技術を理解し、複数のツールに応用可能なスキルを育成する観点から、Next.js の利用には慎重な判断が求められる"
qiita.com/Michinosuke/...
"Next.jsを習得するためには、その特有の概念やツールを学ぶ必要があり、これに伴う学習コストが大きいのも課題"
"Next.js 特化の知識に依存することで、フロントエンドエンジニアのスキルセットが特定のツールに偏るリスクがあります。標準的な技術を理解し、複数のツールに応用可能なスキルを育成する観点から、Next.js の利用には慎重な判断が求められる"
qiita.com/Michinosuke/...
なぜ今さら、Web 標準 なのか【2025 年】 - Qiita
2020 年代に入り、Remix や Hono といったモダンな Web フレームワークが「Web 標準」を掲げるようになりました。HTML、CSS、JavaScript といった基盤技術は 199…
qiita.com
January 6, 2025 at 12:05 PM
それな
"Next.jsを習得するためには、その特有の概念やツールを学ぶ必要があり、これに伴う学習コストが大きいのも課題"
"Next.js 特化の知識に依存することで、フロントエンドエンジニアのスキルセットが特定のツールに偏るリスクがあります。標準的な技術を理解し、複数のツールに応用可能なスキルを育成する観点から、Next.js の利用には慎重な判断が求められる"
qiita.com/Michinosuke/...
"Next.jsを習得するためには、その特有の概念やツールを学ぶ必要があり、これに伴う学習コストが大きいのも課題"
"Next.js 特化の知識に依存することで、フロントエンドエンジニアのスキルセットが特定のツールに偏るリスクがあります。標準的な技術を理解し、複数のツールに応用可能なスキルを育成する観点から、Next.js の利用には慎重な判断が求められる"
qiita.com/Michinosuke/...
思想はいいんだけど
リソースは消費するよね
"9to5macによると、Apple Intelligenceは機能が増えるにつれて必要なストレージ容量も増加していて、その容量は7GBにまで膨れ上がっている"
"9to5macは「Siriのアップグレードによって、7GBという要件がさらに増加することは想像に難くない」と伝えました"
リソースは消費するよね
"9to5macによると、Apple Intelligenceは機能が増えるにつれて必要なストレージ容量も増加していて、その容量は7GBにまで膨れ上がっている"
"9to5macは「Siriのアップグレードによって、7GBという要件がさらに増加することは想像に難くない」と伝えました"
January 6, 2025 at 10:58 AM
思想はいいんだけど
リソースは消費するよね
"9to5macによると、Apple Intelligenceは機能が増えるにつれて必要なストレージ容量も増加していて、その容量は7GBにまで膨れ上がっている"
"9to5macは「Siriのアップグレードによって、7GBという要件がさらに増加することは想像に難くない」と伝えました"
リソースは消費するよね
"9to5macによると、Apple Intelligenceは機能が増えるにつれて必要なストレージ容量も増加していて、その容量は7GBにまで膨れ上がっている"
"9to5macは「Siriのアップグレードによって、7GBという要件がさらに増加することは想像に難くない」と伝えました"
生成AIが現在のような形態で持続的に発展するとは思わない
Apple Intelligence は実装のあるべき姿を示しているような気がする
"データセンターはすでに世界の電力の2％を消費し、冷却には大量の淡水を必要とする。生成AIの貪欲な資源消費は、現実の環境に多大なコストをもたらしているのだ"
"2025年、社会に大きな変革をもたらすふたつの要因──人工知能（AI）と気候変動が衝突するときが来るだろう"
AIの環境負荷が気候変動対策の足かせとなる──特集「THE WORLD IN 2025」
wired.jp/article/vol5...
Apple Intelligence は実装のあるべき姿を示しているような気がする
"データセンターはすでに世界の電力の2％を消費し、冷却には大量の淡水を必要とする。生成AIの貪欲な資源消費は、現実の環境に多大なコストをもたらしているのだ"
"2025年、社会に大きな変革をもたらすふたつの要因──人工知能（AI）と気候変動が衝突するときが来るだろう"
AIの環境負荷が気候変動対策の足かせとなる──特集「THE WORLD IN 2025」
wired.jp/article/vol5...
AIの環境負荷が気候変動対策の足かせとなる──特集「THE WORLD IN 2025」
データセンターはすでに世界の電力の2％を消費し、冷却には大量の淡水を必要とする。生成AIの貪欲な資源消費は、現実の環境に多大なコストをもたらしているのだ。
wired.jp
January 6, 2025 at 10:22 AM
生成AIが現在のような形態で持続的に発展するとは思わない
Apple Intelligence は実装のあるべき姿を示しているような気がする
"データセンターはすでに世界の電力の2％を消費し、冷却には大量の淡水を必要とする。生成AIの貪欲な資源消費は、現実の環境に多大なコストをもたらしているのだ"
"2025年、社会に大きな変革をもたらすふたつの要因──人工知能（AI）と気候変動が衝突するときが来るだろう"
AIの環境負荷が気候変動対策の足かせとなる──特集「THE WORLD IN 2025」
wired.jp/article/vol5...
Apple Intelligence は実装のあるべき姿を示しているような気がする
"データセンターはすでに世界の電力の2％を消費し、冷却には大量の淡水を必要とする。生成AIの貪欲な資源消費は、現実の環境に多大なコストをもたらしているのだ"
"2025年、社会に大きな変革をもたらすふたつの要因──人工知能（AI）と気候変動が衝突するときが来るだろう"
AIの環境負荷が気候変動対策の足かせとなる──特集「THE WORLD IN 2025」
wired.jp/article/vol5...
It would be great if we could translate the profile section too.
December 10, 2024 at 12:29 AM
It would be great if we could translate the profile section too.
SNSのこれまでとこれからを考えたとき
思い出したのがUsenetだったんだよね
インターネット老人会ムーブでごめん
"SNSの元祖「Usenet」--その隆盛と衰退を振り返る"
日本語翻訳版↓
japan.cnet.com/article/3521...
www.zdnet.com/article/the-...
思い出したのがUsenetだったんだよね
インターネット老人会ムーブでごめん
"SNSの元祖「Usenet」--その隆盛と衰退を振り返る"
日本語翻訳版↓
japan.cnet.com/article/3521...
www.zdnet.com/article/the-...
The rise and fall of Usenet: How the original social media platform came to be
With Google dropping support for the oldest of social networks, Usenet is now left without another major entry gate.
www.zdnet.com
December 5, 2024 at 11:44 PM
SNSのこれまでとこれからを考えたとき
思い出したのがUsenetだったんだよね
インターネット老人会ムーブでごめん
"SNSの元祖「Usenet」--その隆盛と衰退を振り返る"
日本語翻訳版↓
japan.cnet.com/article/3521...
www.zdnet.com/article/the-...
思い出したのがUsenetだったんだよね
インターネット老人会ムーブでごめん
"SNSの元祖「Usenet」--その隆盛と衰退を振り返る"
日本語翻訳版↓
japan.cnet.com/article/3521...
www.zdnet.com/article/the-...
グラフィックデザイナーさんに読んでもらうのに良さそう
December 4, 2024 at 2:25 AM
グラフィックデザイナーさんに読んでもらうのに良さそう
Chrome拡張「Sky Follower Bridge」BlueskyのユーザーをTwitterのフォローリストから検索し、簡単にフォローできるツール
zenn.dev/ryo_kawamata...
zenn.dev/ryo_kawamata...
December 3, 2024 at 7:40 AM
Chrome拡張「Sky Follower Bridge」BlueskyのユーザーをTwitterのフォローリストから検索し、簡単にフォローできるツール
zenn.dev/ryo_kawamata...
zenn.dev/ryo_kawamata...
BlueskyがActivityPubを採用しなかった3つの理由 | Bam | WhiteWind blog
whtwnd.com/boobam.bsky....
whtwnd.com/boobam.bsky....
November 29, 2024 at 8:00 AM
BlueskyがActivityPubを採用しなかった3つの理由 | Bam | WhiteWind blog
whtwnd.com/boobam.bsky....
whtwnd.com/boobam.bsky....
SNS を Bluesky に一本化して移行することにしました。
世間ではいろんなことが起こっていますが、やはり SNS は共通プロトコルであるべきで、フィードのアルゴリズムやモデレーションはユーザー自身が選択できるべきだと改めて気づかされました。
それが AT Protocol なのか、ActivityPub や Nostr なのかわかりませんが、いずれ標準化していくでしょう。
従来型のSNSにおいて、発信力もその気力もないぼくにできることは、自分が管理しているアカウントを削除することだけです。
そして、ブルスカユーザーの皆さんこんにちは。どうぞよろしく。
世間ではいろんなことが起こっていますが、やはり SNS は共通プロトコルであるべきで、フィードのアルゴリズムやモデレーションはユーザー自身が選択できるべきだと改めて気づかされました。
それが AT Protocol なのか、ActivityPub や Nostr なのかわかりませんが、いずれ標準化していくでしょう。
従来型のSNSにおいて、発信力もその気力もないぼくにできることは、自分が管理しているアカウントを削除することだけです。
そして、ブルスカユーザーの皆さんこんにちは。どうぞよろしく。
November 29, 2024 at 7:27 AM
SNS を Bluesky に一本化して移行することにしました。
世間ではいろんなことが起こっていますが、やはり SNS は共通プロトコルであるべきで、フィードのアルゴリズムやモデレーションはユーザー自身が選択できるべきだと改めて気づかされました。
それが AT Protocol なのか、ActivityPub や Nostr なのかわかりませんが、いずれ標準化していくでしょう。
従来型のSNSにおいて、発信力もその気力もないぼくにできることは、自分が管理しているアカウントを削除することだけです。
そして、ブルスカユーザーの皆さんこんにちは。どうぞよろしく。
世間ではいろんなことが起こっていますが、やはり SNS は共通プロトコルであるべきで、フィードのアルゴリズムやモデレーションはユーザー自身が選択できるべきだと改めて気づかされました。
それが AT Protocol なのか、ActivityPub や Nostr なのかわかりませんが、いずれ標準化していくでしょう。
従来型のSNSにおいて、発信力もその気力もないぼくにできることは、自分が管理しているアカウントを削除することだけです。
そして、ブルスカユーザーの皆さんこんにちは。どうぞよろしく。