アクセス解析ツール「Google Analytics 4」の実装・設定・活用のための情報サイト 株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。
Google Analytics 4 ガイド
アクセス解析ツール「Google Analytics 4」の実装・設定・活用のための情報サイト 株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。
Why Japanese Websites Look So Different
& how to analyze design choices without jumping to conclusions Over the years, I have had many encounters with Japanese websites — be it researching visa requirements, planning trips, or simply ordering something online. And it took me a loooong while to get used to the walls of text, lavish use of bright colors & 10+ different fonts that sites like this one throw in your face: Hankoya — a website
フォントのサブセット化で入れておきたい文字【常用漢字・JIS第1水準だけじゃダメ】
Photo by CHUTTERSNAP on Unsplash 以前、Web サイト上の見づらいフォントを置き換える拡張機能を作ったときに Noto Sans をサブセット化したのですが、そのときに収録した文字の一覧を紹介します。 汚いフォントに別れを告げられる拡張機能を作ったなにかの参考になれば幸いです。 よく他の方のサイトでは「常用漢字と JIS 第1水準を入れておけば大丈夫」と書かれていますが、それだけでは不十分です。 たとえば、飛翔の「翔」、「苺」などはよく使われるのにもかかわらずカバーしきれません。 私が拡張機能を作ったときにサブセット化で入れた文字は、常用漢字＋JIS第1水準＋その他のよく使われる漢字＋その他(かな文字など) です。 これなら、文字が足りないということはほぼありません。 ちなみに、文字数は合計で4559文字です。 常用漢字＋JIS第1水準＋その他のよく使われる
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
オープンソース・フォント「IBM Plex」誕生の経緯 | Think Blog Japan
IBMのフォント開発の原点は、タイプライター 「ワープロ」こと「ワードプロセッサー」を目にしたことがない世代が多いであろう2021年において、「タイプライター」と聞いても何のことかわからない方が多数でしょう。 分かりやすく現代風に述べてみると次のような感じでしょうか。 「キーボードの文字を押すと、文字が刻まれた金属のアームが動き、インクをしみこませた帯の上からアームに刻まれた文字を紙に打ち付けて、紙に文字を印字する機械」 これが、「タイプライター」です。そして、その「タイプライター」を、IBMは1961年に発表しています。 IBMのタイプライターである「IBM Selectric typewriter」は、上述した「文字が刻まれた金属のアーム（「タイプバー」と呼称）」と異なる印字の仕組みとして、ゴルフボール型の「タイプボール」を採用したことが革新的でした。（IBM Selectric ty
デザインシステムに準拠したコンポーネント駆動UI開発への取り組み
こんにちは、THECOO株式会社のpoteboyと申します。普段は現職１人目のWEBフロントエンド開発者としてFaniconというファンコミュニティサービスの開発を行っております。 弊社では私が入社する以前までフロントエンド専任の開発者がおらず、サーバーサイドの開発者やAndroidの開発者がフロントエンドの開発業務を兼務していました。 専任がいなかったのは、Faniconが元々ネイティブベースのアプリで、WEBアプリの開発優先度を下げていたためです。 そのため、フロントエンドの開発環境に関しても万全とは言えず、2022年6月に私が入社し、9月には2人目のフロントエンド開発者となるTomoya氏が入社したタイミングで、2人で協力してFaniconフロントエンドの大改修を行なうこととなりました。 フロントエンド改修業務にはTypeScriptの導入、既存コンポーネントのVue３化、単体テスト
Webサイトに動画を埋め込む際のサイズと軽量化方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、HALです。 今回は、動画をWeb用に軽量化するための方法を紹介します！ 軽量化を行わないと、たとえば 1280px × 720pxの30秒ぐらいの動画の場合40MBほどの重さになってしまいます。そのままだと videoタグなどでWebブラウザ上で再生するには大きすぎてしまいます。モバイル端末ならさらに軽量化が必要です。 動画の軽量化をするにはさまざまなツールがありますが、 HandBrakeというツールがとても使いやすかったので、基本の設定方法を紹介していきます。 ※この記事は2022年3月に編集部が情報を更新しました 動画を埋め込む方法 外部リンクで埋め込む YouTubeやVimioに動画をアップロードし、それを外部リンクとして埋め込む方法があります。 YouTubeではさまざまなサイズの動画をアップロードすることができますが、標準のYouTube動画のサイズは1920×
Backlog の課題の添付ファイルをまとめて削除するツールを作った - yKicchan's blog
https://ykicchan.github.io/backlog-tools/ 使い方 0. 事前準備：APIキー発行 Backlog > 個人設定 > API からAPIキーを発行してコピー 1. スペースキーとAPIキーを入力 https://ykicchan.github.io/backlog-tools/ にアクセス スペースキーは、対象の Backlog のサブドメイン部分を入れる 例: hoge.backlog.jp → hoge ping を押すと接続テストが可能 スペースキー、API キーのどちらかが間違っていたらエラーになる 2. 添付ファイルまとめて削除したい課題のキーを入力 課題キーは PROJ-123 みたいなやつ 単一の課題の添付ファイルをまとめて削除なら ②、 複数の課題の添付ファイルをまとめて削除するなら ③ に入力する。 ③ の複数課題の場合は、例えば
NovelAI - The AI Storyteller
Driven by AI, painlessly construct unique stories, illustrate thrilling tales, write seductive romances, or just fool around. No censorship or guidelines - anything goes! What is NovelAI?NovelAI is a monthly subscription service for AI-assisted image generation, storytelling, or simply a LLM powered sandbox for your imagination.
フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP
「自分を愛するってどうしたらいいの？」──宇多田ヒカルの思考を辿るインタビュー、全文公開。
4月、世界最大級の音楽フェス「コーチェラ・フェスティバル」に宇多田ヒカルが現れた。アジアのカルチャーシーンを世界に発信するメディアプラットフォーム「88rising」が主催するステージへの参加アーティストとして。その数日後、宇多田自らが対談相手に指名したジェーン・スーとのロングインタビューが行われた。 プルオーバー ￥49,500／SACAI（サカイ） 「TRINITY FORCHITOSE ABE of sacai」限定コレクション シングルイヤリング ￥594,000 ネックレス ￥2,217,600（ともに予定価格・限定店舗にて展開・6月中旬発売予定）／ともにCARTIER（カルティエ カスタマー サービスセンター） 宇多田ヒカル（以下・宇多田） タイミングと、「コーチェラだから」の二つですね。キャラ的にも歌唱法にしても、私はあまりフェスに向いているタイプではないし、きっかけもなかっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create Block Theme プラグインで自分のブロックテーマを作ろう！
JIS第2水準漢字一覧表【全3390字】(JIS X 0213:2004)
GitHub - minoryorg/Noto-Sans-CJK-JP: サブセット化済みの「Noto Sans CJK JP」（日本語フォント）のCSS付きWebフォント
RM『Indigo』のミュージシャンたち - 2 - Weverse Magazine
RM of BTS: “My whole twenties were an exhibition… but I chose to be a star”
'What If I Don't Like Music Anymore?': A Wildly Honest Conversation Between BTS' RM and Pharrell Williams
You searched for 【連載】デザインの言語化ってなんだろう？ - Workship MAGAZINE(ワークシップマガジン)
AI音楽生成 SOUNDRAW
無料フォントなのに高品質ですごい！デザインの引き出しが確実に増えるフリーフォントのまとめ
