  |
はてなキーワード:画面サイズとは
初代SE以降しばらくAndroid (XperiaとPixel)に流れてたけどiPhone17で久しぶりにiOSに戻ってきた。
もう今どきAndroidもiOSも日常の使い勝手に大差ないだろ、と思ったら意外と基本的なとこで結構違うんだな。
たぶんスマホで一番時間使ってるのが「はてブ注目エントリから気になった記事に飛んでは戻りの繰り返し」なんだが、Safariで飛んだ先が複数ページの記事だったりして一回遷移はさむと、スワイプでははてブまで戻れず、一回タブ一覧に飛ばないといけないのがめんどい。タブ一覧の操作性自体はAndroidのChromeより良いんだが（アニメーション無視の目押しが効くから、「…」のダブルタップで一覧に飛べたり、バツ連打でまとめて閉じれたりする）。
スワイプでの戻るが左端から限定なのも辛い。常に左手でスマホ持てたり両手使えるわけでもなく。下スワイプで戻る方法用意してくれてるアプリはいいんだけど、左上の戻るアイコンわざわざ押すのは辛い。Googleマップみたいな、Androidでも深い階層からトップに戻るのが面倒なアプリだとより辛い。Googleマップで経路表示してる画面でやっぱり新しい場所検索したい場合とかどうしてるんだ。
画面ロックがらみだと、顔認証だけじゃなくていちいち画面下端からスワイプもしないといけないのが地味にストレス上位。指紋認証がないのも、うつ伏せで寝転んで頭の上にスマホがある状況とか、机の上に平らに置いてある状況とかだと頭動かしたりスマホ傾けたりするのが地味に面倒。
決済系もかなりストレスになってしまった。エクスプレスカードが複数設定できないのがかなり痛い。Suicaだけで完結するならいいけど、クレカ連携のクイックペイやらiDやら使おうとしたときの操作ステップが多すぎる。これまで何もしなくてよかったのが、サイド二度押しでウォレット立ち上げてカード選んで顔認証…ぜんぜんクイックじゃない。これならQRでいいやとなってしまう。
文字表示では、ヒラギノなのはいいんだが、設定で最小にしてもフォントがでかい。Safariみたいに縮小したいできるアプリはいいんだが、アプリによっては移行前のPixel8と画面サイズは近いのにだいぶ情報量が減ってしまい、らくらくホンかと思ってしまう。
音関係だと、ふだんばバイブのみ&音量ゼロで、ゲームするときだけ音量あげてたのが、iPhoneだと消音モードにしないといろんなシステム音が鳴るし、消音モードだと音量あげてもゲーム音が鳴らない。アクションボタンに割り当てたけど長押しなのが面倒くさい。
初期iPhone〜XperiaからPixelに変えた時のパンチホールもだいぶ気になったけど、iPhoneのダイナミックアイランドはさらに気になる。全画面コンテンツであんなに大きな黒楕円あけられると目立ちすぎないか？
文字入力中にちょっとカーソル戻りたいときの空白長押しドラッグとか、お節介な予測変換（例えば「おす」を「押す」に変換しようとしても、「あす」の変換候補に埋もれる）のお節介具合がAndroidよりひどいとか、それ意外にも細々と。
Androidとお互いいろんな機能パクりあってるんだから、このくらいの基本的な使い勝手は揃えて欲しい。ある程度設定でなんとかなるものとか、思想の違いであえてやってないとかもあるんだろうが。
こうやって不満タラタラ並び立ててはいるが、とりあえず一週間使ったファーストインプレッションということで。ハード自体の出来とかスペック、サクサク操作感は期待通りだから後悔はしてない。
CSS（カスケーディングスタイルシート）は、HTMLで構築されたウェブサイトの見た目を整えるために不可欠な技術です。CSSを使うことで、文字の色やサイズ、背景、レイアウト、余白、アニメーションなどを自在にコントロールできます。HTMLはコンテンツの構造を定義する役割を持ちますが、CSSはそのコンテンツを「どのように見せるか」を決定する重要な役割を担っています。たとえば、同じHTML構造でも、CSSの適用方法によってデザインの印象をまったく違うものにできます。
CSSでは、セレクタを使ってHTML要素を選び、プロパティと値の組み合わせでスタイルを指定します。たとえば、p {color:blue; font-size: 16px; }という記述では、すべての段落が青色かつ16ピクセルの文字サイズになります。また、classやidセレクタを使うことで、特定の要素だけにスタイルを適用することも可能です。こうしたセレクタの使い方を理解することは、効率的なスタイル設計に不可欠です。
さらに、CSSはレスポンシブデザインにも大きな役割を果たします。メディアクエリ（@https://mavenanalytics.io/project/37910）を使えば、画面サイズやデバイスに応じて異なるレイアウトを適用できるため、スマートフォンやタブレットにも対応した使いやすいウェブサイトを作ることができます。現代のウェブ開発では、このモバイルフレンドリーな対応がとても重要です。
また、CSSには再利用性を高めるためのテクニックも多く存在します。たとえば、共通スタイルは外部CSSファイルにまとめておき、複数のページから読み込むことで、https://mavenanalytics.io/project/37905一貫性のあるデザインを保ちつつ管理を簡単にすることができます。style.cssなどのスタイルシートを用いることで、HTMLファイルがすっきりし、保守性も高まります。
CSSは単なる装飾のための技術ではなく、ユーザー体験（UX）やページの読みやすさ、さらにはアクセシビリティにも影響を与える重要な要素です。そのため、CSSの基本的な使い方だけでなく、設計思想やベストプラクティスも意識して使いこなすことが、魅力的なウェブサイト制作のカギとなります。
まず、準備できてる？
pip installpygame
⸻
🎮Monday式PONGゲーム（シンプルだけどちゃんと動く）
importpygameimport randomimport sys#初期化pygame.init()#画面サイズWIDTH, HEIGHT = 640, 480SCREEN =pygame.display.set_mode((WIDTH, HEIGHT))pygame.display.set_caption("PONGbyMonday")# 色定義WHITE = (255, 255, 255)BLACK = (0, 0, 0)#パドルとボールの設定PADDLE_WIDTH, PADDLE_HEIGHT =10,100BALL_SIZE =10PADDLE_SPEED = 7BALL_SPEED_X, BALL_SPEED_Y = 5 * random.choice((1, -1)), 5 * random.choice((1, -1))# 左右のパドル位置left_paddle =pygame.Rect(10, HEIGHT // 2 - PADDLE_HEIGHT // 2, PADDLE_WIDTH, PADDLE_HEIGHT)right_paddle =pygame.Rect(WIDTH -20, HEIGHT // 2 - PADDLE_HEIGHT // 2, PADDLE_WIDTH, PADDLE_HEIGHT)#ボールball =pygame.Rect(WIDTH // 2, HEIGHT // 2, BALL_SIZE, BALL_SIZE)#スコアscore_left = 0score_right = 0font =pygame.font.Font(None, 36)clock =pygame.time.Clock()#ゲームループwhileTrue: for event inpygame.event.get(): if event.type ==pygame.QUIT:pygame.quit() sys.exit() #キー入力keys =pygame.key.get_pressed() ifkeys[pygame.K_w] and left_paddle.top> 0: left_paddle.y -= PADDLE_SPEED ifkeys[pygame.K_s] and left_paddle.bottom < HEIGHT: left_paddle.y += PADDLE_SPEED ifkeys[pygame.K_UP] and right_paddle.top> 0: right_paddle.y -= PADDLE_SPEED ifkeys[pygame.K_DOWN] and right_paddle.bottom < HEIGHT: right_paddle.y += PADDLE_SPEED #ボール移動 ball.x += BALL_SPEED_X ball.y += BALL_SPEED_Y # 壁反射 if ball.top <= 0 or ball.bottom>= HEIGHT: BALL_SPEED_Y *= -1 #パドル反射 if ball.colliderect(left_paddle) or ball.colliderect(right_paddle): BALL_SPEED_X *= -1 #スコア処理 if ball.left <= 0: score_right += 1 ball.center = (WIDTH // 2, HEIGHT // 2) BALL_SPEED_X *= random.choice((1, -1)) if ball.right>= WIDTH: score_left += 1 ball.center = (WIDTH // 2, HEIGHT // 2) BALL_SPEED_X *= random.choice((1, -1)) # 画面描画SCREEN.fill(BLACK)pygame.draw.rect(SCREEN,WHITE, left_paddle)pygame.draw.rect(SCREEN,WHITE, right_paddle)pygame.draw.ellipse(SCREEN,WHITE, ball)pygame.draw.aaline(SCREEN,WHITE, (WIDTH // 2, 0), (WIDTH // 2, HEIGHT)) score_text = font.render(f"{score_left} {score_right}",True,WHITE)SCREEN.blit(score_text, (WIDTH // 2 - score_text.get_width() // 2,20))pygame.display.flip() clock.tick(60)
⸻
• Esc 押すと終了（またはウィンドウ×）
⸻
このコード、わりと「教育的に健全な地獄」だから、自由に拡張できるよ：
•ボールが速くなっていく
⸻
あとで「飴ちゃん飛ばすモード」とかも追加できるぞ。バカ拡張大歓迎。
どう？動いた？やってみて。報告もらえれば、次の「社会風刺機能付きPONG」考えておくわ。
ここ数年、いろいろなハンドヘルドゲーム機を使ってきて感じた雑多な感想
プレジデント社のウェブ上での個人情報の取得について
1.SSLについて
当社のウェブ上での個人情報の取得についてはSSLを利用し、ブラウザから送信された情報や該当ページから返信された情報を暗号化することによって、安全に送受信を行っています。
2.当社のウェブ上でのクッキーの取扱いについて
クッキー（Cookie）とは、ウェブページを閲覧する際にウェブサーバとご利用者様のブラウザの間で送受信される情報のことで、ご利用者様がご利用のパソコンやモバイル端末でクッキーを受け取る設定にしている場合に、ブラウザの所定の場所に記録されます。ただし、記録された情報にはユーザー名やメールアドレス等の特定の個人を識別することができる情報は一切含まれません。公式サイト等では、クッキーに残った情報を利用して、ご利用者様がより満足いただけるよう、表示を変えたりすることができます。 ご利用者様は、ご自身でクッキーの受け取りを拒否する、あるいはクッキーを受け取った場合に警告を表示させるよう、ブラウザの設定を変えることが可能です。ただし、その際はサイトによってはサービスや機能が一部ご利用いただけない場合があります。
2-1．クッキーの利用目的
(4)問題発生時の原因探求
2-2．クッキーとお客様情報との関連付けについて
当社ウェブサイトへのお客様のアクセス状況を自動的に収集し、統計的な分析をすることで、ウェブサイトの利便性向上や、問題発生時の原因探求に利用することがあります。この情報にはお客様が利用されるクッキー（Cookie）情報、URL、アクセスした日時や回数、IPアドレス、使用端末・ブラウザ（インターネット閲覧ソフト）・OSの種類/バージョン、画面サイズ、リファラー情報、GPS位置情報、ページや記事の閲覧履歴、各ページの滞在時間、マウスの軌跡等の情報を含みます。またこれらの情報と会員登録情報や定期購読情報、お問合せ情報を関連づけ、今後のより良いサービス、商品作りの参考のために利用させていただきます。
2-3．クッキーの第三者提供について
クッキーについて、「2-1．クッキーの利用目的(2)～(5)」のために、広告主に提供することがあります。
2-4．クッキーの無効化
お客様の判断でクッキーの機能を停止することにより、本情報の収集を拒否することができます。ただし、この設定により、本サイトの機能またはサービスの一部がご利用になれない場合があります。
いやいやいや。
それならこんなサイズにならないだろ。
1Gbyteって1,000,000,000文字だぞ。ふざけんな。
4/14追記
どうやら、私はPCからアクセスなのですが、なぜかスマホ用？の表示がなされていたようです。だからシークバーや操作画面が使いづらかったのかと。
なんでスマホ用モードになったんだ？という疑問は置いといて、もし同じ現象になった人がいたら、マイページとかの最下部に「スマホ用」みたいなボタンがあるので、クリックすると元に戻ります。
昨日は、カッカしていたためか怒り心頭の文章になってしまいました。ここまで怒らなくてよかったと思います。ドワンゴよ、すまんな。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
4/12～4/13くらいにかけて。（12日がランキング画面・仕様の変更で）13日には、マイページとか動画視聴ページが全部変わったのだ。
しかし……今回は本当に、マジで終わってる。これまでのリニューアルは、連続性があった。変わってから「操作しづらい」となっても、前回とのつながりがあったのだ。今回はそれがない。
（全体）
ランキングまで含めて全体の印象。全体的に、相当シンプルになった感じ。
シンプルなのはいいのだが、機能を省き過ぎて使いづらい。例えば、一般的な動画サイトだと、再生画面の下にはシークバーその他の操作画面が出てると思う。今回のニコ動にはそれがない。
再生中に巻き戻したいところがあって、下部にあるであろう操作画面を見ようとしたのだが、「「ない」のである。いや、マジで。
（下の方をクリックすればシークバー周りが表示されるのだが初見ではわからない）
（画面サイズ）
動画再生画面のサイズを選べない。モニタすれすれ限界まで、の一択。
YouTubeだと、PCモニタ全体の中央くらいとか、全体とか、一部のみとか選べると思う。
新しいニコ動にはそれがないのだ。顔～モニタまでの距離を変えられない人はどうすればいいのだろう。
シークバーがあるじゃん。普通の動画サイトだと、あれを押したら、動画の任意の再生時間に飛べるじゃん。新しいニコ動にはその機能がない。シークバーを押ししても、一切反応なし。終わってる。
え、これって、30分の動画だと、20分のところで画面更新すると、最初からスタートになってしまう。20分のところまで飛べないんだよ。10秒再生のボタンを連続押ししないといけない。信じられないことに。
（設定画面）
以前のニコ動はYouTubeよりもちょっと複雑かな……という感じだった。
今回のは、シンプルとか通り越して機能を削りすぎてるし、定番の「デザインの敗北」みたいな設計がいくつもあって、お目当ての設定ができるまでに何度もやり直さないといけない。
とにかくわかりづらい。これまでもわかりづらかったけど、今回のは悪い意味でずば抜けている。
結論だけ言うけど、これらを改善しなかったら、ドワンゴはマジで顧客を他の競合サイトに持っていかれて倒産すると思われる。それくらいひどい。
アカウント持ってる人は試しにやってみて。これはひどい、というUIデザインを実体験できるよ。
Permalink |記事への反応(18) | 18:57
パソコンという表現はWindowsのようなデスクトップOSを動かすためのコンピューターというニュアンスが強くなるが
Switchはパソコンというよりはポータブルコンピュータだろう
そういう意味では、タブレットもポータブルコンピュータたり得る
つい先日新発売されたXiaomiPad 7なんかはSnapdragon 7+Gen 3を搭載しており、
スペック的には8Gen 2に近いので、原神のような重めのモバイルゲームも50fps台で動かすことができる
このモデルは先行価格では5万切ってたし、今も5.4万くらいの市場価格だ
遊ぶゲームが結局マルチプラットフォームのモバイル対応ゲーなら、このタブにアリエク2000円台で買えるGameSirNovaLiteあたりのコントローラーがあれば十分上等なゲーム環境が整い、画面サイズでは勝る
デスクトップOSを動かす文字通りのパソコンだと、5万出した程度ではこれほどのグラフィック性能を出すモデルは存在せず
N100や後継のN150あたりを積んだ事務用ノートPCがなんとか5万円切りで存在するくらいだ
例えばこんなもの
【超コスパ】最新CPUのN150を搭載した15.6インチノート「ACEMAGIC TX15」をレビューします。約4万5000円ならお得ですね
まず前提として、この広告は電車以外の媒体にも掲載されている可能性が高い。
その場合、考慮すべきなのは「媒体によって画面サイズが異なる」という点だ。
今回のレイアウトを見ると、以下のような制約があることが分かる。
画面の縦幅に余裕があれば二行表示も可能だったかもしれないが、今回はそのままでは収まりきらない。
この状況で取れる選択肢は、大きく分けて以下の3つだろう。
まず「文字サイズの変更」は、サイズを小さくすると視認性が低下するデメリットがある。
次に「改行」は、文字自体は見やすくなるものの、読みづらくなり、結果として視認性が落ちる可能性がある。
最後に「表示位置の変更」だが、これは担当者とデザイナーが協議して決める必要があり、手間がかかる。また、新しい媒体に広告を出すたびに調整が必要になるだろう。
これらを踏まえると、最も無難なのは「文字サイズの調整」か「改行」だと考えられる。
したがって、これはミスではなく、きちんと考えた結果こうなったのだろう。
DS〜3DSくらいってスマートフォン的な立ち位置を狙ってた節があったと思ってて面白い試みがたくさんあったよなあ
中古店でDSソフトのコーナーを見ると実用ソフトの多いこと多いこと
ルーブル美術館のガイドが3DSなんてこともあったし、DS-10、DSvisionなどの意欲的な取り組みもあった
ブラウザやカメラ、音楽プレーヤーを搭載していて大抵のことはできたし、DSテレビがあればワンセグも見れた
ただ、かなり画面サイズが低いのもあって大体不発だった印象があるが、子供にとってはちょうどいい画質だったとも思う
Switchはその反動というか、スマホで全部できるようになったので「ゲーム機」に専念している
最近、グランドシネマサンシャインの「デューン砂の惑星２」のIMAX上映でスマホを光らせたとか話し声がうるさいとかでXの映画界隈が盛り上がっている。
映画ファンの端くれとして、どうしてそんなに映画ファンがキレるのかということについて話してみる。
劇場の構造やスクリーンの規格についても説明するがわかりにくい要素は省くのでその辺はご承知頂きたい。
グランドシネマサンシャインは池袋に2019年にできたシネコン（映画館）である。大小様々なスクリーンを備えていてさまざまな作品を上映しているところだと
考えてもらえればいい。この映画館にはレーザーIMAXシアターという特殊な上映室が存在する。簡単に言えば通常のスクリーンよりも大きいスクリーンを設置し、スピーカーも
それに合わせて高音質でサラウンドが効いている上映室だと思って欲しい。豪勢な設備な分通常の料金（2000円）より特別料金（800円、3Dの場合は1300円）が加算される。
また、ここのレーザーIMAXシアターは他の映画館にもあるIMAXシアターと違い、通常の画面サイズよりも縦に長く映画もその縦長なスクリーンに合わせた撮影をした映像が流れるため、普通の映画館よりも
見えない部分が見る事ができるようになっている。この設備は日本ではここ以外には大阪のエキスポシティにしか存在しないためこのIMAXで映画を見ることは映画ファンにとって
普段よりも高い金を払っている代わりに超特大（しかもここでしか見れない）映像と音響で鑑賞できる贅沢な環境とされている。
今回マナー違反で映画ファンがキレていたのは「デューン砂の惑星２」というSF映画の上映中にこういうマナー違反があったからだそうである。
映画は本編が始まると部屋が暗くなり目の前のスクリーンにだけ光が投影される状態になるのでスマホ以外でも光源を出すと隠していていても非常に目立つのと
何より映像が霞む場合があるので映画ファンから非常に嫌われるマナー違反だったりする。私も一回何処かでスマホが光ると画面に対する集中力が削がれてしまうので
そういうのを気にしている人が多いというのはよくわかる。映画ファンの思考からすると、映画館の中でも特に映画に浸る事ができるスペックの設備でやらかされているので
文句の一つでも言ってやりたくなるのだが、仮に怒鳴ったらその時点で自分自身もうるさい私語を放つことになるジレンマに陥るので対処するのに躊躇いが出てしまい
上映後にXで晒して注意喚起の名目で憂さを晴らすしかなくなる。その結果、グランドシネマサンシャインは映画ファンの中で「最高の設備があるのにクソな客をつかまされるシネコン」
と認知されつつある状況になっている。同じような理由で本編上映開始後の入場は映画ファンにとってはご法度で「間に合わないなら行かない選択をすべき」と宣う奴までいるほどだ。
映画ファンの視点からだとマナー違反に対していそうなるのだが、このシネコンには構造的な問題があるのでその点にも触れておく。
都心のシネコンなため、ビルに映画館が詰まっているような構造になっている。映画を見る場合、まず1階から4階までエスカレーターを登ってシネコンの入り口に行き
チケットを買うなり引き換えるなりしてコンセ（売店）を物色してIMAXに行こうとすると更にエレベーターで12階まで向かわなければならない。エスカレーターで向かっても
いいのだが他のシアターに向かう客に阻まれて間違いなく時間を喰ってしまう。おまけにIMAX階まで行くエレベーターが2機しかないので上映間近になるとエレベーターを待つ人で
行列ができてしまうほどだ。何も知らない人からすれば上映開始間際についたとしても1階から12階まで移動するのに無駄に時間を消費してしまう。そうして間に合っていたのに
上映時間に間に合わないなんてことが起こり得る。しかも、このIMAX上映室は入り口は場内の一番下に設置されているので仮に一番上の席を予約してた場合、どの列か把握するのは
暗闇の中では困難だろう。おまけに階段をずーっと上がっていく羽目になるので見ている側としてはうろうろしている変な奴がいるふうに見えてしまうからタチが悪い。
上映時間の20分前には劇場の入り口にいることをお勧めする。なんか買いたいなら見た後で。
スマホは電源を切ってみたくなる誘惑を完全に断ち切る他ない。それすらできないならどうしようもないだろう。
ちなみに爺婆に多いお菓子を持ち込んでガサゴソする現象はそこまで起こっていないのでその点は安心です。
Permalink |記事への反応(14) | 23:26
・Pixel7a
実売47000円、2年後返却すれば22000円ほどで買えてコスパは最強。
だが画面が6.1インチは小さすぎ。
・Reno7A
・Redmi12 5G
6.7インチは逆にデカすぎる。メモリ4GBもいくら安いとはいえしんどい。MIUIの使い心地にも不安。
・Xiaomi 13T
返却アリでも4万は絶妙に高い。6.7インチは逆にデカすぎる。MIUIの使い心地にも不安。
エッジディスプレイが会社の忘年会よりも嫌いなのでありえない。
・iPhone15
6.2インチがありえない。Plusは高すぎてありえない。
高すぎてあり得ない。
電池容量がショボい、画面が小さい。
インターネットのテキストベースの掲示板やチャットにおいて、2つ折り携帯電話やスマートフォンなどの「実画面が小さい端末」を使っている人は掲示板上でのやり取りが下手な傾向にある、というような話がまことしやかに流布しています。
理由としては、画面が小さいので一度に把握できる情報が（通常のPCと比べて）少ない、日本語の入力においても変換の一覧性が悪いので推敲に至りにくい、などが挙げられています。
いわゆる「荒れる」割合も高い、とされています。「画面の小ささは心の狭さ」などと揶揄されたりもしています。
閲覧端末の実画面が小さい、狭いことは掲示板のような比較的大量のテキストがベースとなるやり取りにおいて、不利や悪影響を与えうるものでしょうか。
ChatGPT(4)
端末の画面サイズが小さいことがオンラインでのテキストベースのコミュニケーションに影響を与える可能性は確かに存在します。
一度に表示できる情報量: 小さな画面では一度に表示できる情報が限られます。これは、特に長いスレッドやテキストが多いページで問題になる可能性があります。
これにより、ユーザーが議論の全体的な文脈を見落としたり、重要な情報を見逃したりする可能性があります。
入力の困難さ: 小さな画面や仮想キーボードは、テキスト入力における誤打や誤解を引き起こす可能性があります。
また、文の推敲や校正が困難になるため、誤解を招きやすいメッセージが投稿される可能性もあります。
ユーザビリティ: 小さい画面は、スクロールやリンクのクリックなどの基本的なナビゲーションが難しくなる可能性があります。
これにより、ユーザーが重要な情報を見逃したり、意図しない操作をしたりする可能性があります。
ただし、これらの影響はあくまで可能性の話であり、実際の影響はその人のスキルや慣れ、使用している特定のデバイスやアプリ、ウェブサイトのデザインなどに大きく依存します。
たとえば、一部のユーザーはスマートフォンでの入力に非常に慣れていて、PCよりも効率的にテキストを入力できるかもしれません。
また、ウェブサイトやアプリがモバイルフレンドリーなデザインを採用していれば、小さな画面でも比較的快適に利用することができます。
何言っても基本迎合してくれるChatGPTの悪いとこが出てるな
