飲食店じゃないけど、行きつけの美容院の店長はお客さんとの距離感が近いのはなんか嫌だからインスタやらない、て言ってて信用できるなと思った
ラーメン屋が公式サイト代わりにインスタ使うのやめて欲しい「ラーメンのグラビアじゃなくメニュー表が見たいだけなんだ」
飲食店じゃないけど、行きつけの美容院の店長はお客さんとの距離感が近いのはなんか嫌だからインスタやらない、て言ってて信用できるなと思った
日付入力フォームのUXデザインガイドライン
日付入力欄は、適切なデザインパターンを利用して、あいまいさのない、タスク達成に役立つものにしなければならない。小さなデザイン変更で、大きなユーザーエラーが防げる可能性もあるのだ。 Date-Input Form Fields: UX Design Guidelines by Angie Li on January 22, 2017 日本語版2017年4月24日公開 日付入力欄の書式設定など、ささいなことだと思うかもしれない。しかし、書式の実装が不適切だと、ちょっとしたインタラクションによって、入力のプロセスが立ち往生してしまうこともある。日付入力に関するデザインが良くないと、ユーザーが悩んだり、イライラすることになり、その入力フォームを全面的に断念してしまうというリスクがあるからだ。それどころか、ユーザーが間違った日付を指定してしまって、取引自体が悲惨なことになってしまう可能性もある。たと
個人ブログの備忘録や有志の作ったまとめwikiのような、ユーザー目線の良質な情報はもうGoogle検索上から見えない領域に行ってしまった説
sabakichi @knshtyk 最近のGoogle検索の品質低下は様々な要因があるのだと思うが、そもそも個人ブログに良質な情報が蓄積される、というWebの時代が終焉を迎えたというだけなのかもしれないとも思う。インプレッションの寡占が進んだ結果、皆情報をSNSやForumに書くようになり、独立したソースは激減しているのではないか 2023-11-15 12:46:29 sabakichi @knshtyk 特に英語圏だとこの流れは顕著で、多くのブロガーがYouTubeへと主要な活動メディアを移行しており、もはや検索するよりYouTubeで動画を見つける方が目的に情報にたどり着きやすい、みたいなことがよくある。テキストベースでの情報だとSNSで検索する方が情報の質は高い(検索はフェイク情報しかない) 2023-11-15 12:51:17 YujiSoftware @YujiSoftwa
ChatGPTやAI関連で面白かった・気になった事例まとめ - Qiita
はじめに 前回のChatGPTで電卓アプリを作れるか試した件について、Twitter等からも反応を見ることができて嬉しかったです。 おまけの評判が良かったので、私がここ最近で気に入ってるChatGPT関連の情報をまとめさせていただきます。 ※私も前回おまけをまとめていて、本編よりもこっちを見てほしい！！と途中から思っていたので、評判が良くて嬉しかったですｗ ChatGPT 感情回路を埋め込み 大学の授業レポート代行 AlexaでChatGPTとやり取り ロボット制御に応用 Pythonコードを、JavaScriptに書き換え p5.jsで冬の情景を描画 デバイスの傾きで左右に回転する三角形をHTML上で描画 Googleアドセンス合格した方法 VSCodeのChatGPTプラグイン ChatGPTを日本企業はどう使う？ その他AI言語モデル関連 ローカルでも動かせる言語モデル「FlexGe
日本のウェブデザインの特異な事例
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ
僕らを縛る Node.js という呪いについて
これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析（パース）を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適
Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ
Webの創始者であり、W3Cのディレクターを勤めるTim Berners-Lee氏の言葉に、「Webが持つ力とは、その普遍性にあります」というのがあります。Webサイトに誰もがアクセスできるようにするのは、わたし達の責任です。 Webのアクセシビリティは机上では難しいと思われがちですが、実際に取り組んでみるとそんなに難しいものではありません。障害者、スクリーンリーダのユーザー、低速接続のユーザーのアクセシビリティで、比較的簡単に取り組める項目を紹介します。 10 guidelines to improve your web accessibility 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webアクセシビリティとは何ですか？ 01.カラーに依存しない 02.ズームを無効にしない 03.alt属性のあなたが知らないかもし
LINE上で企業サービスの予約や決済などができる「LINEミニアプリ」、企業受付開始 - MdN Design Interactive
LINE株式会社は、同社のコミュニケーションアプリ「LINE（ライン）」上で企業が自社サービスを展開できるウェブアプリケーション「LINEミニアプリ」について、一部企業サービスによる先行提供だけではなく、一般企業もサービスを提供できるよう、エントリー受け付けを開始すると発表した。 「LINEミニアプリ」は、企業の自社サービスとして予約・注文・決済・会員証などのサービスを、多数のユーザーを抱えるLINEのプラットフォーム上で展開できるウェブアプリケーション。 テストとしての先行提供例としては、「3COINS」などを展開するPAL CLOSETが店頭の会員証発行・オンラインショッピングに導入、また、シューズブランドのAllbirdsは店内入場の順番待ちに活用している。 企業としてはサービスの幅を広げられるチャンスになり、実際に「LINE公式アカウントの友だち数増加やブロック率減少」「店舗内混雑
レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法
Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。 スクリーンサイズが中途半端な「中間のデザイン」で、デザインの見栄えが悪くなったり、崩れたりしないようにするための実装方法を紹介します。横一行配置のアイコンが改行してしまう、画像が横長になってしまう、フォームの入力欄がやたら広くなる、など一般的なデザインで見かけると思います。 Thinking About The In-between Design Cases by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブにおける中間のデザイン 中間のデザインとは 中間のデザインに備えて
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用できます。 MVP.css MVP.css -GitHub MVP.cssの特徴 MVP.cssのデモ MVP.cssの使い方 MVP.cssの特徴 MVP.cssはHTMLのさまざまな要素にすぐに使えるスタイルのコレクションで、外部スタイルシートとして利用するだけで簡単にページを作成できます。クリーンなデザインで、再利用可能なコンポーネントとして利用できます。class名などをHTMLに加える必要もありません。 用意するのは、HTMLだけ MVP.cssはHTMLの各要素にス
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
容量だけで選んで大丈夫？無料オンラインファイルストレージの人気11サービス比較と特徴紹介｜ferret [フェレット]
ファイルやドキュメントなどのデータの共有や保存をするために、オンラインファイルストレージの利用は欠かせません。記事では、数あるオンラインファイルストレージサービスの中から、無料で人気があるものを18個ピックアップしました。これから使おうと思っている方や、今使っているサービスから他のサービスに乗り換えを考えている方は、ぜひ参考にしてみてください。 オンラインファイルストレージサービスとは オンラインファイルストレージサービスとは、インターネット上でファイルやドキュメントなどのデータを保管することができるサービスのこと。 場所やデバイスを選ばず、インターネットに接続していればどこでも閲覧・アップロード・共有などを行えます。Web上で直接利用できるものや、専用ソフトが必要なものなどがあります。 これらのサービスの多くは、Eメールで送れなかったファイルをファイルストレージにアップロードし、そのUR
![容量だけで選んで大丈夫？無料オンラインファイルストレージの人気11サービス比較と特徴紹介｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a53ad9c72a31b82132a785b085bfd4d595d83178/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2377%2Fog_image%2Fdefault-f0f09159bb2c1afe52b1b599b78e0bb2.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「このUIエグいて。」リセットボタンの配置が罠すぎる入力フォームに戦慄する人たち
なぜグーグルは終わったのか？ 若者「ググらないｗ TikTokで調べますよ普通ｗ」
EC事業者は要チェック！ 6月施行の改正特商法の影響と対応法まとめ | ネットショップ担当者フォーラム 特選記事
トランスメディアGPがアプリとPWAが同時生成・運用可能なプラットフォーム「Appro」提供 | Web担当者Forum
機械学習によって「SEO」と「デジタル広告」はどう変わった？ 担当者が知っておきたい現実と未来 | 【レポート】Web担当者Forumミーティング 2019 Autumn
世界一受けたい授業「フィッシング詐欺の見破り方」が、詐欺被害を助長しかねない件
