KARTEプロダクト概要 資料KARTEの機能やお客様の声、活用事例を紹介しています。「Webサイト/アプリ内でのCX向上」と「サイト内外での顧客データ活用」のセットです ダウンロードする
![オプトアウト設定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/5858ed78e3e6a1f1a778259ab23f4d5c2ffebe4d/height=288;version=1;width=512/https%3A%2F%2Fkarte.io%2Fstatic%2Fopen-graph-protcol-image-e839aec1d06fc809017798456425d2d7.jpg)
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
面倒な出張中に、関係先のシンクタンク所属研究者や霞ヶ関現役の皆さんから「またデジタル庁がやらかして萎える」とのグループ投稿があり、何事が起きたのか、銃乱射でもされたのかと期待して見物に行ったら、唐澤俊輔さんのツイートのことでした。 デジタル庁でSlackを導入したんですが、役所は長らくメールが中心だったので、慣れるまで大変かなと思ってた。 ところが、2ヶ月前までガラケーでLINEもしてなかったっていう60代の職員の方が「Slack最高だよ、超便利!メールもうしたくない!」って言ってて最高。 年齢関係ないね。僕らは変われる。 — 唐澤 俊輔 Almoha COO / デジタル庁 人事・組織開発 (@karacchi_) October 15, 2022 デジタル庁で60代で職員でガラケー使っててSlackで連絡を取り合わなければいけない職責のある人って、ほぼ名指しですよね、これ。 うーん、こ
秋に公開されるiPadOS 16の機能の中でも、とりわけ注目されているのが複数ウィンドウをグループ化して、グループごとに同時に扱う「ステージマネージャ」だ。この際、外部ディスプレイを接続して、ミラーリングではなく拡張ディスプレイとしても使うことができる。 どちらもiPad ProとiPad AirのM1チップ搭載モデルでしか使えない機能だが、最大6Kまでのディスプレイなどを接続して、それぞれの画面で4つずつ、最大8つのアプリを同時に操作させることができる。大画面でのiPad利用は、新しい体験だといえる。 ※この記事は、秋公開のiPadOS 16のパブリックベータに基づいた記事です。Apple Beta Software Programで知り得た情報は、その内容について誰かに話したり、ウェブ記事にしたり、SNSに投稿したりすることは禁じられていますが、ITmedia NEWSでは取材に基づく
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
日本「独立」の検索結果に仰天 日本が第二次世界大戦で戦った連合国との間で結んだサンフランシスコ講和条約。これが発効した日は日本が占領下からの独立を回復した日でもあります。この日付を調べようとして、たまげました。グーグルで「日本 独立 いつ」と検索すると、大きな文字でドーンとこの結果が表示されたのです(上の画像)。 これは伝説上の神武天皇の即位とされる日です。「建国記念の日」のもとにもなっています。一瞬「皇国史観」の設定かとも思いましたが、よく見ると小さく「日本/設立」とも出てきます。つまりグーグルは「独立」と「設立」「建国」を同義語と認識してこの結果になったのでしょう。 このようにパソコンに画面で一番目立つように“誤答”が表示されるのは困ったものです。“正解”を表示させるためには、検索語の入力にちょっとした手間をかければいいことをご存じでしょうか。それは、“ ”という引用符を検索語につける
遅延読み込みはページスピードの改善も当然ながら Core Web Vitals のスコア改善にも大きな効果があるので、これがブラウザネイティブで使えるのは 以前、このブログの Core Web Vitals を改善した際も遅延読み込みでスコアが大幅に上がりました。 loading 属性に使用できる値loading 属性に使用できる値は現在3つあり、以下となります。 lazy遅延読み込みを実行します。 ビューポート内にある画像のみを読み込み、それ以外の画像はビューポート内に入るまで読み込まれません。 ビューポート内と表現しましたが、実際にはビューポートに入る前に読み込まれます。 eagereagerはビューポート内など関係なくすぐに読み込みます。 今までのブラウザの動作です。 autoブラウザに読み込みを任せます。 loading 属性がないと対応しているブラウザは auto として実行され
「1兆19億円」 出版社などで作る一般社団法人「ABJ」は、海賊版サイトで漫画を“タダ読み”されたことによる被害の額が去年、1兆円を超えたという試算を明らかにした。 誰かが海賊版サイトにアクセスすれば、運営者には大きな広告収入が入るという。 一方で、その漫画を描いた作者にもたらされる収入はゼロだ。 漫画業界を脅かす海賊版サイト。 今の動きを取材した。 作者の許可を得ずに漫画の画像をインターネットに掲載し、誰でも見られる状態にする「海賊版サイト」。 有名なのは2016年ごろに開設された「漫画村」を巡る事件だ。 このサイトの元運営者は、著作権法違反などの罪に問われ、去年6月、福岡地方裁判所で実刑判決を受けた。 しかし、被害は今も拡大し続けているという。
SwiftUIの特徴 SwiftUIを書いていると、VStackやHStackなどが登場しまるでUIを軽快なDSLの上で構築している気持ちになる。あながち間違っているわけではないが、SwiftUIはあくまで「宣言」の羅列であり実際にビューの構築を行う訳ではないことに注意しなくてはならない。 例えばrefreshableはListにPullToRefreshを付与するモディファイアであるが、それはあくまで実行して得られた結果に過ぎない。 この挙動が今後どうなるかをユーザーはコントロールすることが出来ないのだ。 これはどういうことかというと、今後AppleがOS全体の更新を「端末をシェイクする」としたとする。 すると、アプリのUIはコードを変更せずともPullToRefreshのコントロールが消えてシェイクで更新に変わるのだ。 これはSwiftUIに限った話ではなく、UIKitでもOSのアップ
地元のスーパーマーケットで働いて3年。レジ打ちをしている。 私は、もうすぐ専門学生ではなくなる。不景気でも、こんな私でも内定をくれる会社があって、春からは社会人になる。 その前に、どうしても増田で聞いておきたいことがある。 去年、私には気になる人がいた。私がレジに立っていると、ワイシャツの上に黒のベストを着た社会人の男性が来て、たまに話をしていた。いつも私のレジに並ぶ人だ。 「風が冷たいね」とか、「雨が多いね」とか、「今日は目の下がキラキラしてる」とか、「雰囲気かわったね」とか、他愛もない話ばかりだった。けど、その人は自信満々で、瞳の力が強くて、いつの間にか気になる人になっていた。 夕方~夜に働いている時、何十メートルか先のフロアにその人を見つけると、レジから身を乗り出して姿を追っていた。好きではないけど、少しは気になる、好きかもしれない、という感情だった。 半年が経った頃だ。 レジ数台が
We are a group of software engineers from all over the world who have come together to advocate for the future of the open web by providing regulators, legislators and policy makers the intricate technical details that they need to understand the major anti-competitive issues in our industry and how to solve them. The entire future of Application Development is at stake. Without regulatory or legi
©浦沢直樹/ 『パイナップルARMY』 工藤かずや 『PLUTO』 長崎尚志/手塚プロダクション 『MASTERキートン』 勝鹿北星/長崎尚志 『MASTERキートン Reマスター』 長崎尚志 『BILLY BAT』 長崎尚志 (講談社) 読者の皆さんへ とはいえ、私はやはり紙の本が好きです。 手ざわり、匂い、ページをめくり読み進む実感とか。 しかしそうも言ってられない今日この頃。 電子書籍というメディアで、いかに読者の皆さんに漫画を楽しんでいただけるか。 最善の形を求めて、これからもいろいろなアイデアを出し合っていけたらと思います。 まずはお楽しみいただけたら幸いです。 全28作品、650ページ超の大ボリューム!! 浦沢直樹の初期短編集! ※この作品は2000年に刊行された『初期のURASAWA』に、新たに未収録作品を加え再編集した完全増補デジタル版です。 1979年、19歳の頃、誰に見
Ameba事業部の谷(@hiloki)です。Amebaのデザインシステム Spindleのマネージャーをしつつ、UIの設計・開発をしています。 2021年は多くのガイドラインやUIコンポーネント設計・開発に取り組んできました。この記事ではCyberAgent Developers Advent Calendar 2021の3日目の記事として1年を振り返り、特に考えることの多かったカルーセルUI について、その設計視点やアクセシビリティを考えてみました。 カルーセルUI とは あらためてこの記事におけるカルーセルUI(以下「カルーセル」と呼称します)を定義します。 『デザイニング・インターフェイス(第2版)』におけるカルーセルの定義を引用すると下記のように説明されています。 視覚的に興味を引くことができる項目のリストを、横一列またはアーチ状に配置し、画像のサムネイルを左右にスクロールまたはス
何本か見たし、ほかも見るつもり。テキストにしろといっている声があるけど、これはテキストでは意味が8割へるな。総花的な政策パッケージというより個々人に向けたメッセという演出だから、動画である必要がある。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く