少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
ホントに“グーグルマップ”よりも使いやすい!? トヨタが本気で開発した無料の「カーナビアプリ」 使い勝手はどう？ | VAGUE(ヴァーグ)
ホントに“グーグルマップ”よりも使いやすい!? トヨタが本気で開発した無料の「カーナビアプリ」 使い勝手はどう？ CAR & BIKE / COLUMN 2024-5-17 writer 会田肇 カーナビ代わりにも使えるスマートフォンの無料地図アプリですが、ユーザー数の多い「Googleマップ」のほかにも多くの無料カーナビアプリがあります。いまその使い勝手の良さで人気が急上昇しているとウワサなのが「モビリンク」です。どのような特徴があるのでしょうか。 トヨタ車オーナーだけでなく誰でも無料で使える「モビリンク」 GPSを使ったカーナビがはじめて登場したのは1990年。ユーノス「コスモ」に搭載されたCCS（カーコミュニケーションシステム）が最初でした。 同年には市販型GPSカーナビ、カロッツェリア「AVIC-1」が登場しています。以来四半世紀が過ぎ、カーナビはドライブの必須アイテムとしてすっか
でもセックスを楽しんだほうがオタク消費も生産も捗った
小6からずっとオタクグループにいるオタク女なんだけど、処女時代のオタク体験に特有の楽しさというのはあって、その後彼氏できて二次元オタク趣味どころか全趣味エネルギーを喪失した時期があって、その後エネルギーが復活したという変遷があった。 最初の彼氏ができたときは、恋愛に夢中になってオタクをやめたというパターンではなく、幻滅と軽い鬱みたいになって何もかもが楽しめなくなってしまった。セックスが全く気持ちよくなかったのと、前から自分がブスである自覚はあったけど本当にブスの貧乳で無価値なんだなって思えて同人誌やグッズ類を一回全部処分したし、ライト乗り鉄みたいな感じでいろいろなところに一人で出かける趣味も失ってしまった。消費も生産もあのときは完全に止まった。「生産エネルギーが凄い童貞に生産を続けさせるために童貞のままでいさせろ！」みたいな声があるけど、それはこういう理由なのかもしれないなと今でも思う。夢
人材流出阻止目的で臨時昇給を実施したら地獄の門が開きました。 - Everything you've ever Dreamed
会社が大荒れ。上層部が行った臨時昇給がその原因。一般的にポジティブなイメージのある昇給イベントで地獄になるのはめずらしいことである。説明しよう。当社は特に現場において人材不足状況が問題になっている。会社上層部は、人材流出阻止のため「ギリギリの経営判断で現場の皆様の昇給を決定いたしました」と社内メッセージを送り、現場社員を対象に臨時昇給を突如実施した。典型的なトップダウンである。 ところが昇給額が一律月2000円。しょぼすぎ。それを知った現場社員から「ギリギリに切り詰めて2000円なのか？」「2000円しょぼすぎないか？」「バカにされている気がする」など、絶望感が強まり、流出ムードが加速してしまった。最悪の結果だ。 僕ら部長クラスは、このトップダウン決定を事後に知らされた。事前に知っていたら、現場の反応と絶望を正確に予測できたし、昇給額が2000円ということもなかったし、最低でも「ギリギリの
令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
自宅で美味しいコーヒーを飲むためにどういう順序でお金を使うべきか
みなさんこんにちわ、カカオ豆です。 皆さんは家でコーヒーを飲みますか？僕は一日4杯くらい飲みます。 コスパ良く美味しいコーヒーが飲みたすぎて自家焙煎までしはじめて、職場の同僚にもその良さを布教しまくるようなウザムーブをかまして、気がつけば2年が経ちました。 さて、自宅コーヒーは、ちょっと気をつけて投資するだけでその辺のカフェくらいなら余裕で追い越せるくらい美味しいのが淹れられるようになります。 え？「プロをなめんな？」 いえいえ、もちろん超こだわったお店で超こだわる客に出す超高い一杯を超えるのは相当難しいです。 しかし普通のカフェが出す普通のお客さんに出す普通の一杯は極限までコストを削減しなければならないのです。 それはそれでプロの仕事ですが、我々自家消費のしろうとはコスト感覚を無視して高級豆を使えるのです。よく「ドリップ技術」なんて言われますが、コーヒーのドリップは豆の品質がほとんどです
桁違いに読書の質が上がる超簡単な読書法｜ふろむだ@分裂勘違い君劇場
本を読んでて、気になるところがあったら、 その要点をテキストファイルに箇条書きにして、整理しながら読書する。 これだけ。 これだけで、読書の質が桁違いに上がります。 これをやると、「普通に本を読むだけだと、理解した気になってるだけで、実はろくに理解してなかった」と分かって驚きます。 話はこれで終わりですが、 以下の点が気になる方もいらっしゃるでしょう。 ●どんな人がどんな本を読む場合にもそうなるわけじゃないだろ。具体的に、どんな人がどんな本を読む場合にそうなるんだ？ ●そんなの面倒くさくてやってらんない。手間をかけずにやる方法はないの？ ●具体的にどうやるとうまくいくのか、もっとちゃんと説明しろ。 そういう方のために、以下、これらについて補足します。 まず、読書を以下の９種類に分類します。 (1)リアルタイム活用読書読んだ知識を今やっている仕事/生活/趣味にリアルタイムに活用しながら読む方
ハーバード大学で150年以上教えられる作文術「オレオ公式」とは？...順番に当てはめるだけで論理的な文章に
＜書くことが苦手な人でも「オレオ公式」を知ることで、誰でも論理的な文章がすぐに書けるようになる＞ ハーバード大学で受け継がれているライティングメソッドから生まれた「オレオ公式」。 書くことが苦手な人でも「オレオ公式」を知れば、論理的かつ説得力のある「伝わる文章」の達人になれる。 『作文宿題が30分で書ける! 秘密のハーバード作文』（CCCメディアハウス）の「第1章 ハーバード大生みたいに考える」より一部抜粋。 作文上手になるためのセンターピンをねらえ！ 以前『ニューヨーク・タイムズ』の記者が書いた『習慣の力』（チャールズ・デュヒッグ著、講談社）という本が、世界中で話題になりました。人間の習慣の秘密について著者の考えをまとめた本です。 この本の中で著者は、「ボウリングのセンターピンを1本倒すだけでほかのピンも次々と倒れていくように、まず、その人が変えたいと思うもっとも大きな習慣をひとつ変える
ぼくにはガールズバーやキャバクラのよさがまったくわからない。[バニーガーデン]
ぼくはガールズバーやキャバクラの類に行ったことがいちどもない。なんならふつうのバーや居酒屋すらほとんどない。 そもそもお酒が飲めないし、人と話すのも苦手だからだ。ひとりでゲームで遊んでいたほうがよほどいい。 よく「いやなことがあったからキャバクラに行って気持ちを晴らす」みたいな話があるが、意味がわからない。いやなことにいやなことを重ねて、いったいなにが楽しいのか。 この『バニーガーデン』の主人公である乾田杯人（かんだはいと）は、会社をクビになってしまったらしい。 現実の日本であれば、退職勧奨はともかく、社員の解雇はよほどのことがないと難しい。推測だが、単なるミスのレベルではなく、信用した誰かにだまされて悪事の片棒をかついでしまった、くらいのことはありそうだ。 杯人の「クビを伝えられたときだって、上司さん泣いてくれてたもんな。君の力になれなくて申し訳ない、って。」というセリフからも、その可能
![ぼくにはガールズバーやキャバクラのよさがまったくわからない。[バニーガーデン]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0520bf2efbb40bf48fb24425bcc8a3fba96388dd/height=288;version=1;width=512/https%3A%2F%2Fgameboku.com%2Fwp-content%2Fuploads%2Fban001.jpg)
小学生に教えるために編集者歴17年の父親が本気で考えた…｢きちんと伝わる文章｣を書く10のコツ ｢説明ができる｣とは｢生きる力がある｣ということ
「伝わる文章」とはどのようなものか 私はWEB媒体の編集者／ライターをかれこれ17年ほどやっている。日本語で情報を伝えるのが仕事だ。 ジャンルとしては長文の体験レポートを中心に扱ってきた。ライトな読み物で、書くのも簡単そうだと思われるかもしれない。いやいや、そうでもないのだ。それぞれのバックグラウンドを持ち観察力に優れた書き手が、五感をフルに使い数時間かけて体験取材をすると、情報量がとんでもないことになる。それを限られた字数で読者にわかりやすく伝えるのは、実は技術のいる作業なのだ。 また、私は特に編集部の中でも新人ライターを多く担当しており、書き慣れない人が書いた文章を一緒に直し、読み手に伝わる書き方をアドバイスする経験をずっと積んできた。 そんな私が、小学生の子供の中学受験によってあらためて「伝わる文章の書き方」を見つめ直すことになった。本稿ではその経験について少し語らせてほしい。
忙しすぎて、チームで「今何が起こっているか」を把握しきれない管理職 部下のマネジメントよりも先に注目すべきもの
本イベントは、本イベントは、『部下との対話が上手なマネジャーは観察から始める ポリヴェーガル理論で知る心の距離の縮め方』の出版を記念して開催されました。同書籍の著者で株式会社ロッカン代表の白井剛司氏が登壇。本記事では、マネージャーの負担が増大している背景や、なぜマネージャーに観察力が必要なのかを語りました。 神奈川県丹沢の農場で、農業体験やマインドフルネスを提供 白井剛司氏：今回、ビジネスの人たちだけでなく、忙しい人全員に観察を勧める本を出しましたので、その内容を話していきます。よろしくお願いします。 今日は人事の方、忙しいマネージャーの方、マインドフルネスの世界の方々もいらっしゃっています。内容が全部わかる人もいれば、1つしかわからない方々もいると思うので、なるべく多くの方がわかりやすいようにお伝えしていきたいと思います。 まず自己紹介です。僕は16年間、広告会社で人材育成をやっていまし
ローチケが炎上。機種変更やアプリ再インストール、SIM差替で「チケット消滅」「復元不能」仕様がアップデートで突如実装のため - すまほん!!
すまほん!! » ニュース » 社会 » ローチケが炎上。機種変更やアプリ再インストール、SIM差替で「チケット消滅」「復元不能」仕様がアップデートで突如実装のため ローチケ（ローソンチケット）がSNSで炎上しています。 これはローチケが突如アップデートにて、機種変更やアプリ再インストール、異なるスマートフォンへのSIMカード/eSIM入替を行うとチケットが消失・復元不可能という仕様を実装したため。 転売防止を意識した仕様とみられますが、かなり過酷な制約であり、端末の故障や紛失、不具合によるOS初期化を想定しておらず、現実的に履行困難と思われ、消費者保護の観点からも重大な問題があるように見えます。 なお最近のモバイルOSは利用頻度の低いアプリの一時ファイル削除やアプリのアンイストールを行う機能があるため、どうしてもローチケを利用せざるを得ない人は、そうした機能が発動されないよう念の為オフに
今年入った新卒にモヤモヤするんだが、これって俺だけ？
今の会社には中途で入って三年目だ。 規模の大きな会社ではないが、去年から新卒を男子1人、女子1人取るようになった。 去年入ってきた子は男女とも素朴で性格が良くて、仕事ができるかは知らないけど、会社にも馴染んでいる。 今年も新卒が2人入ってきた。 全体朝礼で紹介されたときに、その場の様子がちょっとおかしくなった。 新卒の女子は去年と同じように芋っぽくて素朴な感じだった。 ところが男子の方が、中性的なイケメンで一部の女性陣が沸き立っている。 自己紹介して深々とお辞儀したときに、ワァっと「黄色い声援」が聞こえたような気がした。 社内がこんな雰囲気になるなんて初めてのことで、自分は嫌な予感がした。 自分はそのときは自覚してなかったが、不快な気分になっていたのだ。 だが、その時点では「まぁ、顔がいいからモテるわな」と受け流した（つもりだった）。 新卒は礼儀正しく、よく笑い、印象は抜群で、関わった人と
妻の「進捗確認」のやり方に感心した話
身内褒めで恐縮なんですが、以前、子どもに対する妻の言葉選びで感心したことがありまして、ちょっとしたことなんですが文章にしたくなりました。 先に書いてしまうと、その言葉とは、子どもに頼んだ家事の進捗を確認する時の「○○(頼んだ家事)ありがとう！」という言葉です。 順を追って書きます。 しんざき家は5人家族でして、私と妻、高校生の長男、双子の長女次女で構成されています。 ついこの間生まれたばかりと思っていたら、先日長女次女が小学校を卒業してしまいました。時間の流れが早すぎてビビる他ありません。 で、しんざき家では現在、子どもたちを積極的に家事に参加させる方針をとっておりまして、自分が使った皿は自分で洗うことが前提となっていることを始め、料理やら洗濯やら掃除やら、家事が出来るタイミングでは色々な家事を担当してもらっています。 これ自体は特別なことではないと思いますが、家事を任せるとなったら「手伝
漢字はその古さゆえに｢最近発明されたものなのに、それを表す字は数千年前からあった｣という不思議な現象が起きる→｢銃｣や｢駅｣｢缶｣などの例が集まる
道民の人(廃墟・ひなびた風景) @North_ern2 日本各地を旅をしながら廃墟、ひなびた風景、不思議な伝承など「人の生きた記憶」を記録・著作しています。廃墟/路地裏/街並み/建築/旅館/医療/民俗学/たまーにポトレ。 調査・原稿依頼など連絡はDM/メールから：polaris453121@gmail.com）fantia.jp/fanclubs/34782 focusite.booth.pm 道民の人(廃墟・ひなびた風景) @North_ern2 漢字ってその古さゆえに「最近発明されたものなのに、それを表す字そのものは数千年も前からあった」と言う不思議な存在が結構あって、例えば「銃」なんかがそれだ。現代なら銃と言ったら遠距離火器のことだがじゃあ元はどんな意味の漢字だったかといえば「農具や刃物の柄へ差込む穴」のことらしい。 2024-04-01 21:36:50 リンク Wikipedia
「学習能力が高い人」が最強である理由。
まだ駆け出しのコンサルタントだったころ。 私は様々な企業の「人材育成の仕組み」を作る手伝いをしていたことがある。 その際に必ず議論になるのが、「出世するには、どのような能力が必要なのか」だった。 この議論は複雑で、 「論理的思考力」 「コミュニケーション能力」 「目標達成能力」 「資格」 「人材の育成力」 など、様々な側面から検討がなされた。 しかし、個人的に最も説得力があったのは、ある会社の経営者の考え方だった。 ＊ 「安達さん、他社さんでは、必要な能力に何を設定してるの？」 と、社長は、人材評価シートのサンプルを見ながら、私に問いかけた。 「御社と同じ規模・業態だと、やはりコミュニケーション能力と論理的思考力をあげる会社が多いですかね。」 と私は無難な回答をしたつもりだった。 しかし百戦錬磨の経営者を簡単にごまかすことはできない。 すぐに突っ込まれてしまった。 「それって本質的に重要な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
若者の常識らしい「スマホの全身撮影方法」を試してみた
何かにガチってない人がなんとなく子供のいない人生を選ぶと人生後半戦で虚無になりがちなので本当に気をつけてください。
「キャッシュレス化の波がどれだけ辛いか…」 毎月30万円支払い…個人経営店が訴える手数料負担3％の苦しみ｜まいどなニュース
なぜCDはプレスで音が変わるのか? キーパーソンに突撃取材～ヒカル伝説完結編
