はてなキーワード: マウスオーバーとは
当方、アラフォー。職場のリテラシーによってはパソコンに詳しいほうに分類される程度。パソコンやアプリに関しての経験を書くが、きっと他のことにも当てはまるのではないだろうか。
自分が若い時、50くらいの先輩や上司がググりもせず、説明書も読まずにパソコンの使い方を聞いてくるのが不思議でならなかった。調べればすぐ出てくるのに、なんでだろうと。
そうやって代わりに答えたり調べたりするうちに、初見でも調べなくても分かるようになった。全てが分かるわけではないけど、分からないものは、対象の作りがそもそも悪い(UIや導線がひどいとか、不必要に独自の情報構造や概念を持っているとか)という経験を重ねた。結果、自分がわからないものは、世の中的にも使いづらいものであり、無理して使う必要がないもの、という感覚に陥った。
ただ、実際には知らず知らずのうちに、世の中の変化から取り残され始めているのだろう、最近思う。フロッピー型アイコンが示すセーブは分かるが、アプリを開くと見慣れないアイコンが増えたように感じる。PC世代の自分としては、マウスオーバーができず名称が出てこないアイコンは、その調べ方すらわからない。調べるというコストに対して、解決するという報酬が得られる割合が下がると、調べること自体が億劫になる。そうして、分からないことが増えるという悪循環に陥っていく。
以下愚痴
photoshopで作ったpsdのwebデザインを渡されて、フロントエンド担当がHTML/CSSコーディングしてるんだけどどうなのこれ?
なんでphotoshop使うの?webページ作るんでしょ?最初からHTMLで書けよ?
いや分かるよ
ラフの段階でphotoshopでササっと書いた方が客と調整しやすいもんな
でも最終的にはHTMLで出すんだから、デザイナーがHTML/CSS書いて来いよ
それをなんか知らないけど、普段使わねーphotoshop開いてルーラー出して、
「ここと、ここのボックスは10pxだからーmarginを...」
UIライブラリもフレームワークも充実してんだからphotoshopで大枠を調整したら、ササっと書けよ自分でよ
photoshopで書かれた夢いっぱいキラキラデザインの実現可能性をなんでこっちで検証しなきゃいけねーんだよボケが
今の会社含めて2社しか経験してないので、一般的かどうかは判断できないが、前職ではHTML/CSSまでデザイナーの人が書いてたぞ
(zeplinが吐く糞みたいなコードじゃなくて、ちゃんと構造化された綺麗なHTMLね)
本来はこうでしょ?
「レイヤーでマウスオーバー時の画像保存してあります」(←ふざけんなww
photoshopは画像編集ソフトであって、webページ作成ソフトじゃねーんだよ!そんな事も分かんねーのか?
webが頭についてるならwebの事ちっとは理解すべきなんじゃねーの?
「いやCSSよく分かんないんでじゃねーよ!」
Reactを書けとは言わない
でもせめて、CSSフレームワーク, flexbox, grid layoutとかは知ってるべきでしょ?
photoshopで簡単に作れてもwebページだと大変なことだってあるんだバーカ
psd渡してあとは頑張ってね!でよくwebデザイナー名乗ってるなw
webのこと分からないwebデザイナーなんてマジで笑いごとで済まねーぞw
webデザイナーならHTML/CSSを最低限知っておくべきなんじゃねーの?
んである程度分かるなら、photoshopで頑張って画像作る手間でHTMLを書けよと言いたいんだよ
いい加減目を覚ませ!!!
HTML/CSS分かんねーなら今すぐudemyで勉強してこいハゲ!
そもそも何でもかんでもwebページをポスターみたいに着飾るんじゃねーよ
ランディングページならともかく、よく使うwebアプリを着飾るんじゃねーよ、開発もしにくい、使いにくいしでまったく良いこと無い
大抵Craigslist, Hacker News くらいのデザインで十分なんだよ
それを何でもかんでもデザインの所為にして、下らん工数使って何がしたいんだか
UI/UXを考えたデザイン変更じゃなくて、糞webデザイナーのオシャレ(笑)に付き合うくらいだったら、もっと他に開発すべきことが無いか考えろ
そのwebサイトが当たらない理由をデザインの所為にするんじゃねーボケカス
仕事柄ネットでの調べ物が多くGoogleを多用するのだが、同僚をみているとどうも要領が悪い。気になったキーワードくらいさっと調べられるようになりたいものである。
ただ自分が口出しをすると「うっせーおっさんだな」と言われるのがオチなのでここに書きとめることにする。ブラウザはChromeを例にするが他のブラウザでも同様の操作はできるはずである。
そもそも画面に検索対象が出ているのに、検索窓に自分で入力する人がいる。「そっちの方が早いから」が理由だが、絶対そんなことはないのでせめてコピペくらい覚えてほしい。
コピペにしても右クリックで「コピー」「ペースト」ってやる人がいる。「そっちの方が早い」と言い張るのだから諦めているが、ショートカット「Ctrl-C」「Ctrl-V」(Macの人はCtrlをCommandに置き換えてほしい)の方が早いと思う。あと、マウスをクリック&ドラッグしてずるずるとテキストを引っ張る人がいるが、最近はある程度の日本語の形態素を解釈するので、ダブルクリックからドラッグした方が単語単位で選択できてよい。
URL欄でGoogle検索できるようにしておく(これがChromeのデフォルトのはず)。なぜかBingとかYahooを頑なに使っている人がいるけど素直にGoogleでいい。
「Ctrl-L」を押すと検索窓にフォーカスが移ってURLが全選択になる。なので、本文中に検索したいキーワードがあったら選択して、「Ctrl-C/Ctrl-L/Ctrl-V/Enter」のコンボで一発で検索ができる
今閲覧しているページはそのままにしたいこともあるだろう。そういう時は新規タブを開く「Ctrl-T」を使う。新規タブは検索窓に最初からフォーカスがあるので、「Ctrl-C/Ctrl-T/Ctrl-V/Enter」のコンボで新規タブでの検索ができる。同様のことをする拡張機能などもあるのだが、他人の環境だと使えなかったりするからここでは紹介しない。
タブを活用するなら、タブ移動コマンドや「うっかり閉じてしまったタブを復元(Ctrl-Shift-T)」なども覚えておくと便利であるが、あまり大量のショートカットを一度に覚えるとかえって効率が落ちてしまうのでここでは深追いしない。
単語を1つずつ調べている人がいるが、わからない単語が多すぎるなら素直に「右クリック+T」で全文翻訳してしまった方が早い。ざっくり文意をつかんだら原文に戻す。そうすれば検索しなくてもだいたい読めるはず。
翻訳機能を使うのが恥ずかしい、あるいは、ほとんど辞書なしで読めるがわからない単語が稀にある程度なら
https://chrome.google.com/webstore/detail/mouse-dictionary/dnclbikcihnpjohihfcmmldgkjnebgnj
この拡張機能が便利なはずだ。マウスオーバーするだけで辞書が引けるスグレモノである。なぜ「はずだ」と書いたかというと、いちいちON/OFFをしなければいけないし、たまに調べるくらいなら前述のショートカットで十分間に合うので、インストールしたのはいいもののほとんど使っていないからである。
検索ワードもある程度コツがあるのだが別に紹介したい。「ググれカス」というのは簡単だが、文章にして説明すると案外面倒なものである。
「絶対お前全話見た上でネタで選んでるだろ」とマニアに好いや不評だった画像サムネプレビューに続いて「マウスオーバーで紹介動画が流れる」ようになったようだ
動画にはだいたい4種類ある模様
・本編シーンを繋いだものに、適当なBGMを合わせた動画(BGMは紹介動画か本編に合ったものを推定数十種類の中からネトフリがチョイス)
・本編シーンを繋いだものに、公式のOPかEDから音だけ抜き出して流しているもの
・Netflixオリジナル作品/Only Netflix配信の場合はNetflix公式紹介動画が流れる(ずるい)
3番目がまあいわゆる当たりで存在もレア。ネトフリオリジナルBGMは歌が入ってないので、サムネオーバーでいきなり歌いだしたら当たりだと思ってよい
しかし、チョイスが謎ではある
進撃の巨人、聖闘士星矢、ストライクウィッチーズ、新あたしンち、ガールズ&パンツァー、NEW GAME!!、少女終末旅行、らき☆すた、アオイホノオ、地獄先生ぬ~べ~…
劇場版妖怪ウォッチ2のようにOP前に小芝居があるパターンであってもそのまま流す例がある模様。最初ジバニャンが歩いてる音だけで何やってるのかわからなかった
なお、BGMと動画はループなので、うまいことやればたとえば紅蓮の弓矢のTVサイズがエンドレスで再生される
余談だが十二国紀と夜明け告げるルーのうたのネトフリBGMのチョイスは絶対間違っていると思う
むかーしむかし、増田はWindowsに搭載されていた、FrontPage Expressでホームページを作っていました。
FrontPage Expressは高性能なソフトではありませんでしたが、飾りつける前の土台作りには、とても重宝しました。
サイトの土台を適当に作った後で、CSSやJavaScriptのナウいコードをコピペすれば、あっという間にオサレなサイトができたものでした。
そうやって、増田はマウスオーバーすると画像が差し変わる仕掛けや、カーソルの軌跡に発生するキラキラを駆使し、ハイクオリティなサイトを運営しておりました。
時は流れ、増田はすっかりホームページを作らなくなってしまいました。
ホームページよりブログ、ブログよりツイッターが楽で楽しかったからです。
そんなある日、増田は友人向けのホームページを作ることになりました。
ごく少数の友人しか見ないホームページなので、やっぱり見た目さえなんとかできれば問題ありません。
ですが、もうFrontPage Expressはありません。
代わりになるソフトを探してみましたが、今はもう、ブログのテンプレート感覚でホームページを作るのが主流のようです。
増田は、できればまた、昔のような方法でホームページを作りたいと思っています。
・追記
Safariにはリーディングリストという機能があって、いわゆる「後で読む」機能なんだけど、まあこれ自体の存在の是非は問わないとして、アドレスバーにマウスポインタを持っていった時に現れるプラスボタンを押すことでリーディングリストにそのページを追加できる機能は、ただアドレスバーをクリックしたかっただけの時にうっかり追加してしまう事故が発生するので、益よりも害の方が大きい。
「これはただUIデザインが悪いという話であって、機能が過剰というのは違うのでは?」という向きもあろうと思うけれど、どこかにUIボタンを設置すると必ずどこかにしわ寄せが行くのは避けられない。別の場所に配置すればその近くにあるボタンを押そうとした時に事故が発生する。
アドレスバーの中であっても、常に見えるようになっていれば事故は減るかもしれないが、今度は目に映るUI要素が増えるから、操作上の事故は減っても認識上の事故が増える。(これが「マウスオーバー時のみ表示される」デザインの意図だと思われる。)
ボタンを表示するのではなくキーショートカットならいいと思うかもしれないが、今度は意図していない時にそのキーを押してしまうという事故が増える。(実際にキーショートカットはあるから、この問題が発生する。)
1つの言語にはたくさんの語彙がありますが、ジャンルにより使われる語彙は偏ります。
増田がわからない!と言っている2, 3番目の例文はその典型ですね。そりゃそのジャンルの語彙をしっかり知っていないと楽しく気持ち良く読めない。
増田がわからないと挙げてくれているのは文構造というより単語です。
asも、文脈依存的に意味が変わるので、文構造の理解ではなく語彙の問題の範疇。
極端に言うと、日本語でもバトル系少年漫画と学術論文は全く別の語彙が要求される訳です。
増田も、突然『ほらこの"中学生対象日本語版BRIEF構成概念妥当性の検証と標準化"って論文読んでみて?日本語だから読めるでしょ!』って言われたらもうタイトルからして首を振るはずです。そのジャンルの語彙って大事。
我々は英語ネイティブではないのであらゆるジャンルの基礎英単語を常に浴びている訳でもなし、英語をジャンルという目で捉えて区切ってみるのも一手です。1つのジャンル毎に英語に慣れて成功体験を積んでいけば、少し幸せな気分がやってくると思います。
ちなみに、ここで例えば『新聞に出てくる英語』というふうに区切るととてもつらいです。家庭内の日常コーナー、金融論評、政治系ニュースetc... 形式的な外側のジャンルではなく、"内容"で分けたほうが良い。
② そのジャンルの英語に慣れないうちはマウスオーバー英和辞書を使用する
「マウスオーバー 辞書」でぐぐってどれかインストールしてみてください。
紙で英語を読むのは良いですが、わからない単語をいちいち時間を使って調べていたら、そりゃ文構造は掴めないですしせっかく読んだ文の内容を忘れて当然です。
パソコン上でマウスオーバー辞書を使ってのreadingではわからない英単語にマウスのカーソルを合わせただけで日本語の意味がポップアップします。便利。しかも、同じジャンルの英語を読んでいれば何度も何度も同じ単語に出会うので、ゆっくり徐々にマウスオーバーしなくても良くなります。
まだ覚えられていない!またマウスオーバーが必要になった!と思わず、気楽にいきましょう。
そのジャンルに馴染んでいく序盤では非常に助けになるはずです。
・16:00前後以降?発生。
・PC(Win/Mac)ブラウザ(Chrome/Firefox)で各エントリのブクマページを閲覧すると、
16時前後以降のブックマークがブックマーク・カウンターともに反映されない。
(16時以降1stブクマされたエントリは「0Users」表示)
・ブクマした「お気に入り」IDのアイコンは表示されているため
・(追)増田の場合本文の下の「記事への反応(ブックマークコメント)」はちゃんと表示されてる
・メニュー「お気に入り」等のブクマページそのものを表示しないページでは
・androidアプリでは問題なく動作している。
・HTTPS化の時みたいにブクマ欄が分裂するとイヤなので1stブクマしづらい。
・19:30時点 未解消。
・19:55時点 18:48のブクマ反映確認。19:37のブクマ反映確認。なおった?
・20:05時点 Chrome/Win7でブコメ即時反映かくにん!よかった
(関連)
https://anond.hatelabo.jp/20171010193511
https://anond.hatelabo.jp/20171010192303
https://anond.hatelabo.jp/20171010184206
https://anond.hatelabo.jp/20171010184104
https://anond.hatelabo.jp/20171010173917
http://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20171010173917
小さくして右カラムに置いたよ。一番いい位置に広告置いたからちゃんと踏んでね。前から狙ってたんだよね。
タグで遊ぶのやめて真面目に使ってね。過去のタグ名が思い出せない? 自分で覚えやすいタグ作ってね。
コメント残さないユーザーをいちいち気にするのやめてね。ブックマークスパム通報されても困るから通報しにくくしといたよ。
身内のコメント読むだけで終わらないでね。ちゃんとみんなのコメントも見てね。どうしても一覧で見たいならマイページで見てね。
あと何文字打てるとか気にしながらコメントしないでね。コメントは簡潔にね。
改行できるようにしたよ。嘘。保存すると半角スペースになるだけ。びっくりした? 保存はCtrl+Enterでできるよ。
トレンドに乗ってみたよ。眩しく感じるのはブラウザ表示領域が大きすぎるからだよ。そんなに広いviewport想定してないよ。
ほんとは丸にしたかったんだけど唐突だからまず角を取ってみたよ。そのうち丸にするよ。
他の機能あるからそっちでいいよね。オールオアナッシングってかっこいいよね。
どうせ誰も話題にしてないしいいよね。自分達でやってるランキングだけどね。見てくれないしね。
古い記事にブクマしちゃった!とか思わなくても良くなるよ。ホットなエントリーは時間がたっても色あせないよ。
これからはユーザーのためだけにスターを使ってね。記事にスターあげても、記事は喜んでくれないからね。