まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21
好きな404エラーといえばこの企業のエラーページ「日本郵便のお洒落すぎる」「NASAの404もいいぞ」
まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21
「No.1広告」摘発ラッシュ わずか2週間で12社 消費者庁が本腰
消費者庁は2024年2月末から3月中旬のわずか2週間あまりの間に、12社の「No.1広告」について、景品表示法違反（優良誤認）に基づく措置命令を出した。消費者庁がNo.1広告に本腰を入れて摘発に乗り出している。消費者庁は現在、No.1広告の実態調査に取り組み中。今秋にも調査結果を公表する。 購入・利用したこともない調査モニターにWebサイトのイメージを尋ねて「満足度No.1」をうたう、ずさんな調査・広告手法に消費者庁が動いた（画像：barks／stock.adobe.com） 「おすすめしたいダイエットサプリ No.1」「施術満足度No.1 痩身エステ」「カリキュラム充実度No.1」「おかげさまで5冠達成」――。 こうした表現で自社商品・サービスの人気や満足度でNo.1を連呼する、いわゆる「No.1広告」の摘発に、消費者庁が本気で取り組み始めた。 2024年3月1日、消費者庁は、海外Wi-
1000ページ超の大規模サイトのサイトマップを1分で作成する方法 - DESIGN JOURNAL - 株式会社モンスターラボ
こんにちは、情報アーキテクトの曽です。主に情報設計の部分を担当しています。 A.C.O.ではWebサイトのリニューアル案件を多く取り扱っているため、現状調査の一環として既存サイトのサイトマップ（サイト構造図）を作成するタスクが定期的に発生します。案件によってはサイトの規模が数百〜数千ページにのぼることも多く、手動で一つ一つのリンクを辿りながら作成する方法ではとても間に合いません。そのため、必然的に複数のアプリやツールを使って効率よくサイトマップを作ることになります。 情報設計業務の経験を重ねていく中で、もともと社内で確立されていたサイトマップ作成方法をさらに一歩進化させることに成功したので、今回はその方法をご紹介します。この方法のおかげで、数千ページ級のサイトであっても実作業時間1分足らずでサイトマップを作成できるようになりました。サイトマップ作成に手間取っている方がいたら、ぜひ参考にして
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
ヤフー全社横断「Webパフォーマンス改善」の取り組み (Core Web Vitalsスコアの向上)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯（ヤフー内のスキル任命制度／Webフロントエンド領域）の浜田（@narirow）です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策（比較的簡単に実施できてスコアも上がりやすい施策）などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
Webディレクターはあっちこっちから依頼を受けるな。スーパー戦隊を見習うのだ。 - 笑顔を創りたいWebディレクターの日常
こんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 プロジェクト炎上のあるあるとして「コミュニケーションが足りなかった」というのがある。多々ある。 さらに詳しく聞いてみると、言ったことが反映されていなかった、意図が伝わっていなかった、情報の連携がしっかりできていなかったと言い、解決策を「コミュニケーションをもっと密にする」として終結する。 残念ながら、このような話はほぼ間違いなく次も失敗するんだなぁ・・・。なぜなら、問題の原因がわかっていないから。 だから、 そういうときは、 こういうことをやるべきだし、 こういうことはやっちゃいかんのだよ、 と若手に伝えたい。 伝えようと思った。 ネット上になんか記事があるやろと思った。 なかった。 まじか。 他力本願ダメか。 というわけで、自分の備忘録的にも書いておこうと思います。 いいか？プロジェクトのコミュニケ
文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Image credit: Relume ワンセンテンスの Web デザインは、もはや夢物語ではない。Wix、Weebly、Webflow のテンプレートを使えば、自分のスタイルで Web サイトを組み立てることができる。 しかし、これはレイアウトに限ったことではなく、Web サイトの構成を考え、各ページの内容も、訪問者を惹きつけるために慎重に設計する必要がある。例えば、「About」ページでは、サービス紹介やビジネスストーリー、将来のビジョンなどを掲載するため、コンテンツの設計に手間がかかる。 この問題を解決するために、デザインスタートアップ Relume は、AI が生成する Web サイトデザインプラットフォーム「Relume Ipsum」を開発した。これにより、数週間から1ヶ月程度かかっていた Web サイトを完成させるまでの作業負荷をわずか数分にまで軽減することができる。このプロ
ネット広告にだまされやすいのは20代男性──消費者庁調べ
消費者庁は9月19日、ネット通販やSNS広告で見られる「大幅値下げ」や「期間限定」といった宣伝文句にどのような人が影響を受けやすいか調査した結果を発表した。20代男性は、広告をクリックしてトラブルに遭ったり、後悔したりした確率がとくに高い傾向にあった。 SNS広告でよく見られる宣伝文句を、「大幅値下げ」をうたうセール表示や、「改善を実感！」など効き目を強調する表示など8タイプに分け、アンケート調査を通じてクリックのしやすさ、後悔した経験などを調査した。 8タイプのうち「高額サービスの無料体験、キャンペーン」「効き目を強調」「無料解約、返金保証」の3タイプは、クリックした人は少ないものの、トラブル経験のある人が3割を超え、金額も高いことから「とりわけ注意が必要と考えられる」という。 性別、世代別にみると、20代男性は、どの表示に対しても後悔したりトラブルを経験したりした割合が最も高かった。並
900万円払ってウェブサイト改善のため「SEO代理店」を利用したらサイトがぐちゃぐちゃになった上に何の成果も得られなかったという体験談
ウェブサイトやウェブサービスにアクセスしてくれる訪問者を増やすためには、検索結果の上位に表示されるためのSEO(検索エンジン最適化)が重要になります。SEO対策のためにはさまざまな方法が考えられますが、より大きな効果を期待して「SEO代理店」に頼った結果、うまくいかないどころかサイトの見た目や構造がぐちゃぐちゃに悪化し、まるで良い結果が得られなかったのに6万2000ドル(約900万円)も費用がかかったという体験談を、ウェブサイトやアプリを開発する代理店のTinloofがブログで詳細に語っています。 The SEO scam: 62,000 dollars later https://tinloof.com/blog/the-seo-scam-62000-dollars-later Tinloofの共同創設者であるオマール・ベンセディク氏によると、Tinloofはサービスを宣伝する一環として
strong, b, em, i, u, …、違いがわからんHTML要素の仕様を調べて「新しい見た目」を考えてみたら理解が深まった
「strongもbも太字になるのにどう違うんだ…？」 「emもiもイタリック体になるけど、そもそもイタリック体ってなんなんだよ…？」 「strongの重要と、emの強調って何が違うんだ…？」 などなど、使い方がよくわからなくなりがちな HTML 要素（主にテキストレベルセマンティックスに分類される要素）の違いを調べてみました。 長めの記事になっていますので、気になる要素だけつまみ食いしてもらうのもよいかと思います。 今回の調査対象はこちら span strong b em i dfn cite var mark u ins del s strike big small ブラウザのデフォルトの見た目確認用 CodePen 調査する内容 HTML Standard の仕様に書かれている説明 一部、HTML 4.01 から HTML 5 での変更が理解の助けになるものもあり、HTML 4.01
キタ！Google カレンダー「予約スケジュール」一般提供
「Google カレンダー」の「予約スケジュール」機能一般提供開始 これまでフリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けに提供されてきた「Google カレンダー」活用予約受付システム 一般ユーザーも利用可能に（予約時の決済連携は利用不可） Google が 2023 年 6 月下旬に発表した、「Google カレンダー」の「予約スケジュール」機能一般提供が、2023 年 7 月 19 日（水）前後よりついに開始されました。 「Google カレンダー」の「予約スケジュール」機能は当初、フリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けサービスとして 2021 年より提供されてきた、「Google カレンダー」活用の予約受付システムです。事前に「Google カレンダー」に予約可能
Webサイト制作の要件定義書の確認項目｜重松佑 / Shhh inc.
プロジェクトのキックオフ前後に作成する要件定義書。確認の抜け漏れを最小限に抑えるには、どのようなことを記載しておくべきか。そして、メンバーへのスムーズな共有と、その後の円滑なプロジェクト進行のための、良い要件定義書とはどのようなものだろう。自分たち用のメモも兼ねて「Webサイト制作プロジェクトの要件定義書」の確認項目をnoteに整理してみます。 1. プロジェクト概要1-1. 背景プロジェクトを発案するに至った背景です。現状の課題、ビジネス要件の変化、ユーザーの変化、社会的要請など、プロジェクトの存在意義や必要性を記載します。 1-2. ゴールゴールとは「完了条件」です。何を達成すれば終わるのか、どこに行けば終わるのかを記載します。通常は5W1Hのうち、WHATやWHEREをゴールとします。 1-3. 目的プロジェクトを何のために進めるのかという意図です。ゴールよりも広い視野で捉えます。5
【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita
はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid
デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps
売れるWebサイトは、第一印象が9割？最新デザイン事情39選
Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない！ 最新ツール
海賊版サイト「漫画村」、数億円稼いだ開設者「ネット広告は抜け穴だらけ」
【最新のHTML仕様まとめ】「HTML Living Standard」がマークアップにとってなぜ大切なのか？ - Qiita
