タグ

関連タグで絞り込む (38)

タグの絞り込みを解除

UIに関するsh19910711のブックマーク (100)

  • エルデンリングに学ぶ道に迷わないUIと世界観

    ゲーム『エルデンリング』の褪せ人が迷わないUIの工夫についての考察です

    エルデンリングに学ぶ道に迷わないUIと世界観
    sh19910711
    sh19910711 2024/06/27
    "あるユービーアイソフトの開発者がエルデンリングのUI/UXを低評価 + それに対する反論としてユービーアイソフトがやり玉に挙げられ / たいまつの配置: 画面にコントラストを与えてユーザーに気づいてもらう" 2022
    リンク

  • 現場で使えるモードレスUIの具体例と実践テクニック


    はじめに 先日﹁Modal、Dialog、Drawerの違い﹂について解説した記事を書きました。 この記事の中で﹁モードレス﹂について軽く触れましたが、 ﹁そもそもモードレスってなに？﹂ ﹁モードレスな UIってどんなものがあるの？﹂ と疑問をもった方が多いかと思います。 本記事ではモードレスにフォーカスを当て詳しく解説します。また、記事の後半では厳選した具体例5選を紹介します。 この記事を読み終えれば、現場で使えるためのエッセンスが身についているはずです。 モードレスとは モードレスは言い換えると﹁モードがない﹂﹁モードを持たない﹂となります。 ユーザが特定のタスクを強制されることなく、任意の UIオブジェクトを操作できる状態を指します。 モードレスな UIは自由に操作できるため、ユーザビリティを向上させます。 アクセシビリティの観点でも短期記憶に負荷をかけないため、ユーザに
    現場で使えるモードレスUIの具体例と実践テクニック
    sh19910711
    sh19910711 2024/06/20
    "ユーザが特定のタスクを強制されることなく、任意の UI オブジェクトを操作できる状態 / アクセシビリティの観点でも短期記憶に負荷をかけないため、ユーザにとって使いやすい / 「名詞 -> 動詞」の順に設計"
    リンク

  • Tauri製アプリでネイティブ感を出す8つのTips - Qiita


    本記事はhttps://blog.physalis.net/2022/how-to-make-tauri-app-look-and-feel-nativeからの転載です。 先日Tauriで作ったJomaiをリリースしました。Markdownに特化したデスクトップサーチアプリです。Tauri製のアプリはもちろんネイティブアプリなのですが、UI部分がWebViewで動作するため使用感がWebアプリっぽくなりがちです。Jomaiではなるべくネイティブアプリらしく振る舞えるように工夫したので、ここでまとめてみます。 なおJomaiは今のところmacOS専用のためこの記事もmacOSを対象としています。 環境 Tauri: 1.1.1 Platform: macOS 非入力項目でのキー入力でビープ音がなる問題 <input> や <textarea> 以外の非入力項目にフォーカスがあるときにキー入力
    Tauri製アプリでネイティブ感を出す8つのTips - Qiita
    sh19910711
    sh19910711 2024/06/15
    "Tauri製のアプリはもちろんネイティブアプリなのですが、UI部分がWebViewで動作するため使用感がWebアプリっぽくなりがち / テキストは選択できるのが当たり前ですがネイティブアプリは一般的にそうではありません" 2022
    リンク

  • 「誰のためのデザイン？」を読み終えた - はうすてんぼぶ


    UIの勉強として一冊読み終えたので感想などを書いてみる。 誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書) 作者: ドナルド・A.ノーマン,D.A.ノーマン,野島久雄出版社/メーカー: 新曜社発売日: 1990/02メディア: 単行本購入: 37人 クリック: 945回この商品を含むブログ (286件) を見る 本書では実際に世にあるモノを例として多く挙げられる。良い・悪いデザインをしたモノの良い・悪いを与える要因はどこなのかを、著者の心理学と認知学の両方の観点から説明されるため、読んでいて非常に面白い。読んでみると、私達が日常的に扱うモノを見つめなおすきっかけをくれ、使いにくい場合にはその原因がどこにあるのかを考える癖が付くと思う。 一方で、困ったり、迷ったりせずに私達がモノを使えている要因を考えたり、見つめなおすのは難しい。なぜならその﹁モノの使いやすさ﹂とは、ユ
    「誰のためのデザイン？」を読み終えた - はうすてんぼぶ
    sh19910711
    sh19910711 2024/06/07
    "「このスイッチとあれが対応している」は頭の中に置いておくべき知識では無く、デザインから自然にその知識が導き出されるように対応付け / 「思い出す」といった行為をユーザに強いるのは最小限" 2014
    リンク

  • ゲームの振動は誰が、どのように作るべきか？――『FORSPOKEN』開発者やサウンドディレクターら4名が“現代の触覚デザイン”を徹底討論【SIG-AUDIO 2024 Vol.03レポート】｜ゲームメーカーズ


    IGDA日本のオーディオ専門部会、SIG-AUDIO主催によるセミナー﹁SIG-AUDIO 2024 Vol.03 オンラインセミナー﹁パネルディスカッション: ビデオゲームの振動デザインについて﹂が2024年3月8日︵金︶にオンラインで開催されました。 パネルディスカッションには第一線でゲームサウンド業務に関わる4名が参加。﹁良い振動とは何か？﹂から、アクセシビリティとしての振動、触覚としての振動、そして振動にまつわる知見やスケジュールの必要性が訴えられた本セッションをレポートします。 TEXT / じーくどらむすEDIT / 神山 大輝 今回パネルディスカッションに参加したのは、CEDEC2023で﹁振動のフォーリー録音!?サウンド技術で振動攻略 ～音と振動はだいたい同じ～﹂講演を行った株式会社スクウェア・エニックス サウンドプログラマー山本 雄飛氏と、2023年に同社より発売され
    ゲームの振動は誰が、どのように作るべきか？――『FORSPOKEN』開発者やサウンドディレクターら4名が“現代の触覚デザイン”を徹底討論【SIG-AUDIO 2024 Vol.03レポート】｜ゲームメーカーズ
    sh19910711
    sh19910711 2024/06/07
    "「なんでこのコントローラー、今このタイミングで振動してるんだろう？」というのが分からないと、それは良い振動ではなくなり / いま震えさせているなら、このあとしっかり振動「させない」時間を作る"
    リンク

  • 生成UIで変わるのは作業効率化だけではない

    AppleとGoogleが見据える生成UIの世界AIを活用した今後のUIデザインを考察する上で、プラットフォームを開発するAppleとGoogleの動向は注目です。両社ともマルチモーダル大規模言語モデル(Multimodal Large Language Model / MLLM)の研究を進めており、その成果が公開されています。 Recent advancements in multimodal large language models (MLLMs) have been noteworthy, yet, these general-domain MLLMs often fall short in their ability to comprehend and interact effectively with user interface (UI) screens. In this p

    生成UIで変わるのは作業効率化だけではない
    sh19910711
    sh19910711 2024/06/06
    "Ferret-UI: モバイルアプリのUIを自動的に分析し、アクセシビリティや使いやすさの観点から改善案を提示 + Apple が開発 / アクセシビリティ、ユーザビリティ、一貫性の問題についてUIデザインの自動監査ができる"
    リンク

  • ゲームの進行方向の話（アムロは左に向かうがマリオは右に向かって進むのは何故か？）　島国大和のド畜生


    少し前のエントリで、﹁漫画および舞台などの映像作品では物語は右から左に向かって進むよ﹂という話をしたら、ゲームは逆じゃね？という話があって、面白そうなのでちょっと書いて見る。 今回は、アムロは左に向かうがマリオは右に向かって進む話のは何故かという話。 ゲームが右向きの例としてはこういう奴。 横スクロールゲームが右に向かって進むのは4つの理由が考えられる。︵俺的に︶1つ目は、インターフェイスの問題。 レバーとショットからなる操作系は、ショットを右手で行うために、どうしても、左レバー、右ボタンというレイアウトになる。 レバーは自機、自キャラをあらわすのなら、ボタンの方向に、ショットやパンチが出るべきなので、必然として、右向きの画面になる。 といった具合。2つ目は、主体はどちらかにあるか。という話。 プレイヤーと、自機、自キャラは一心同体であり、見るべきは敵キャラクターであるという部分。 縦
    sh19910711
    sh19910711 2024/04/02
    "「漫画および舞台などの映像作品では物語は右から左に向かって進むよ」という話をしたら、ゲームは逆じゃね？という話があって / スパロボは左向きゲームだが、映像作品ベースだからあの表現なんでしょう"
    リンク

  • 機能の豊富さとユーザの関与


    ユーザの関与が深まるほど、アプリケーションはより多くの機能を維持できる。しかし、大部分のユーザの関与のレベルは低いものだ ―― 特に、機能の数よりもシンプルさの方を重視しなくてはならないウェブサイトの場合は。 Feature Richness and User Engagement by Jakob Nielsen on August 6, 2007 どんなユーザーインターフェースをデザインするにしても、重要な決定事項のうち一つは機能の多さとシンプルさの兼ね合いに関わってくる。機能が増えるほど、システムがより複雑になるのは避けられない‥ 機能はユーザに明示されている必要があるので、画面がより煩雑になる。 メニューのサイズや数のどちらか、または両方が増えるほど、必要な機能を見つけるのが難しくなる。 機能には説明が欠かせないので、ヘルプシステムやマニュアルのサイズが膨れ上がる‥ ドキュメントは
    機能の豊富さとユーザの関与
    sh19910711
    sh19910711 2024/03/07
    "機能の多さとシンプルさ / アクティブユーザのパラドックス: ユーザは学習ではなく、実践に時間をかけたい + ユーザ関与のレベルは低いのが普通 / 機能はユーザに明示されている必要があるので画面がより煩雑になる" 2007
    リンク

  • Webデザインの没個性化と認知容易性 | ベイジの社長ブログ


    Webサイトのデザインは紙のデザインと異なり、技術的な制約が強く、特に最近は様々な環境︵デバイス、ブラウザ、画面サイズ、屋内・屋外など︶での閲覧に対応できることを求められます。そのため、戦略から要件、コンテンツ、機能と論理的にデザインを決めていくと、どこかで見たことあるような没個性なデザインになりやすいものです。︵注‥ここでいうデザインは視覚的なデザインを指します︶ マルチデバイス、マルチブラウザが進み、レスポンシブWebも選択肢の一つとして一般化した昨今では、Webデザインの没個性化はますます進んだ印象があります。例えば、Googleが公開しているマテリアルデザインのガイドラインを見ても、デザインのパターン化と属人性排除の思想を如実に感じることができます。また、データドリヴンなサイト改善を積極的に行っていくと、﹁デザインの個性﹂と成果に大した因果関係がないことを痛感します。 没個性なデザ
    Webデザインの没個性化と認知容易性 | ベイジの社長ブログ
    sh19910711
    sh19910711 2024/02/01
    "『ファスト&スロー（上・下）』の中に、「認知容易性」という言葉が出てきます / 端的にいえば「慣れ親しんだものが好き」という心理 / Webデザインは「マジョリティーに合わせる」が基本戦略" / 2016
    リンク

  • UIデザインと守破離の精神｜Goodpatch Blog グッドパッチブログ

    デザイン業務ではしばしば“奇抜さ”が求められることがあります。人間は常に新しい形や刺激的な表現を求めていて、誰もが思いつくようなものでは受け入れられないことも多々あります。そのことは十分に承知の上で、私は良いデザインとはどこか“普通の形”をしているものだと考えています。普通というとなんだかネガティブにも捉われがちですけれども、環境に融け込んでいて違和感がないという意味で、普通であることはデザインの目指すべき一つの姿なのではないかと思います。はじめ奇抜な形をしていたものが次第に社会に受け入れられていって、いつからか「普通」になっているようなこともあります。｢新しくあること」と「普通であること」は必ずしも二項対立の関係ではありませんが、どちらを取るべきかでしばしば頭を抱えてしまうデザイナーは私を含め多くいらっしゃるのではないでしょうか。 UIデザインの世界を見てみても、やはりどこか「普通ではな

    UIデザインと守破離の精神｜Goodpatch Blog グッドパッチブログ
    sh19910711
    sh19910711 2023/03/12
    2020 / "良いデザイン: どこか普通の形をしている / 別の視点から見える形が必ずしも一致しているとは限りません + 一致していないからこそ多様な文化が育まれる / それぞれに適した形があってそれぞれのデザインがある"
    リンク

  • チャットUIは文脈性がある - tkgshn

    「知らないことを認知させる」っていう命題に対するアプローチの一つとして、Civichatみたいな探索型チャットUIみたいなのは有効かも、という仮説。認知・探索・推薦みたいなので選択格差は減らせるのかな？

    チャットUIは文脈性がある - tkgshn
    sh19910711
    sh19910711 2023/02/08
    2020 / "認知してないことを認知させるための手段としてチャットは有効なのかも / DMMのtellerとか: 文脈で文章を読む感じ / 長文はずっと読ませるだけ + チャットで選択肢を提示するUIだとユーザーに選ばせることも可能"
    リンク

  • UIデザイナーにAIは取って代わるのか　Midjourneyを使って現役UIデザイナーが試してみた｜横田奈々


    はじめに最近、AIによる画像生成サービスが多く出てきて、デザインを含めたクリエイティブにかかわる方は関心があるのではないでしょうか。 議論が起こっている、AIの学習元データの著作権の問題も気になります。 ただ、今回は純粋に、自分の専門スキルであるUIデザインをAIは行うことができるのか気になり、実際に試したことをまとめました！ 結論﹁取って代わることはない。専用の学習をさせれば、グラフィックのアイディエーションに使うことができそう。﹂ 上記の結論に至った理由を、検討過程とともに説明していきます。 検討過程使用ツールAI生成ツール‥Midjourney UIデザインツール‥Figma Midjourneyの様子 検証Ⅰ AIにUIはデザインできるのかMidjourneyにUIの画像を生成してもらいます。 今回は未来のUIデザインを目指してそれとなくプロンプトで指示をします。 ︵noteにイン
    UIデザイナーにAIは取って代わるのか　Midjourneyを使って現役UIデザイナーが試してみた｜横田奈々
    sh19910711
    sh19910711 2022/12/26
    "生成した画像はUIのグラフィックデザインには活かすことができる、そのままUIデザインにはできないことが多い / 操作しやすい画面設計になっていない + デバイスが考慮されていない + 全体設計がされていない"
    リンク

  • 格闘技をインターネットで観戦する上でのサービスデザインについて考える｜シュンスケ｜ABEMA


    僕は︵ニワカだけど︶格闘技観戦が好きです。元々うっすらぼんやりとK-1のベストバウト集をYouTubeでみるような前兆はありつつ、2018年あたりに天心vsメイウェザー戦や朝倉兄弟のRIZIN参戦→YouTubeチャンネルの話題化でまんまと引きずり込まれた格闘技ブーム令和組の同期が一番多いタイミングの格闘技ファンです。 このタイミングはまさに2016年にABEMAが開局し、格闘チャンネルが世の中で話題になっていた流れもありました。 僕はABEMAのプロダクトデザインを2015年から2022年現在まで続けている中で、特定のジャンルに偏向することはなくあくまでも﹁NetflixとYouTubeの中間﹂をイメージしながらUIと体験を考えてきました。 僕はABEMAのユーザーとしてはK-1、RISE、ONE Championship、修斗、PANCRASE、POUND STORM、最近だとTHE
    格闘技をインターネットで観戦する上でのサービスデザインについて考える｜シュンスケ｜ABEMA
    sh19910711
    sh19910711 2022/09/28
    "格闘技: 毎分毎秒で優劣がコロコロ変わる短尺コンテンツ + 10秒スキップ機能はどう考えてもマスト / Twitterを見る限りは、試合後に試合データを確認して「Aはこんなに当ててたのにBに判定つくのか〜」みたいな感想戦"
    リンク

  • デザインとエンジニアリングの融けるところ - estie inside blog


    @hikrrr です！はじめまして、デザインを生業としています。ReactとTypeScriptが好きです。 デザイナー間の絶えぬ論争の1つ、コーディングする／しない問題。これに対する私見は﹁デジタル製品のデザイナーならぜひともコード書いていこうぜ！﹂です。よりよいインタラクションの実現に欠かせない行為・過程と信じています。 でも、”しない派”と言い争うつもりは毛頭ありません。実のところ、エンジニアの皆さんをUIデザインの世界にお誘いしたいと思っているからです︵コード書いてますよね？︶。今回のテーマである”インタラクションデザイン”には、エンジニアリングとの汽水域が存在します。だからこちらへどんどんと進出してきてほしい！そんな思いを綴りました。 読んでほしいひと デザインに興味のあるエンジニア 少数でMVP開発しているエンジニア コーディングする派のデザイナー インタラクションデザインとは
    デザインとエンジニアリングの融けるところ - estie inside blog
    sh19910711
    sh19910711 2022/08/14
    "発明をユーザが受け入れ、他の製品にも伝播し、社会に敷衍することで”定型”へと化す。そうしたある種の社会文化的な学び・認知も、インタラクションデザインの大変興味深いところ"
    リンク

  • FlashがHTMLを置き換える日


    sou 曰く、 "MacromediaがFlash待望の新バージョン Flash MX を発表した。 FlashMXも気になるけど、 別のプレスリリースに見るColdFusionMXとの関係のような﹁フロントエンドにFlashを、バックエンドにアプリケーションサーバーを。﹂という配置が非常に気になる。 オンライントレードやオンラインバンキングなどインターネット上の幾部分かのコンテンツに取って、フロントエンドがブラウザであれば良いワケで、実はHTMLは足かせなのかも知れない。思えば次々とその意味合いと用途が拡張され続けてきたHTMLだが、MXシリーズのリリースはHTMLに換わりFlashが次のフロントエンド構築を果たす名乗りにも聞こえる。 日本語版はwebmonkeyによれば3/15、ただしamazon.co.jpには3/29と出ている。どっちだ。 余談。ソースは忘れたが、ColdFusio
    sh19910711
    sh19910711 2022/07/28
    2002 / "ティム・オライリーのInfowareじゃないんですが、HTMLというある意味制約のあるUser I/Fを使うことでシンプルにせざるを得なくなったが、結果利用者にとって判り易いI/Fになった"
    リンク

  • 結局、画面とはどこなのか｜usagimaru


    UIデザインにおいて画面遷移図なるモデル図を描くことがしばしばありますが、個人的にこの画面という単位がどうもよくわからなくモヤモヤした何かがありました。どこまでが﹁画面﹂でどこからが﹁ビュー﹂なのか、PCにおけるウインドウは一体何になるのか、ウインドウがもし画面ならば、その内側に描画されるwebとは画面なのかビューなのか。 どうも﹁画面﹂という言葉がコンテクストによってその表す対象が異なるような気がしていて、明確な範囲が定まっていない中でこれを扱うことは何とも言えぬ歯がゆさを感じておりました。 デスクトップGUIを構成する要素身近なMacの﹁画面﹂を次のような単位で分解して考えてみようと思います。 ・スクリーン ・ウインドウ ・ビューまた、Mac基準でインターフェイスの次元を次の3種類に分解して考えてみようと思います。 ・OSネイティブインターフェイス ・一般的なネイティブアプリケーション
    結局、画面とはどこなのか｜usagimaru
    sh19910711
    sh19910711 2022/07/27
    2018 / "どこまでが「画面」でどこからが「ビュー」なのか / ハードウェアのディスプレイを特に「画面」と言うならばまだわかる気がしますが、GUIの世界でどこかしらを「画面」オブジェクトと呼ぼうとすると色々と厄介"
    リンク

  • UIデザイナーが演出の勉強を始める時の流れ


    近年スマホアプリのデザイナーに求められるハードルが徐々に上がりはじめています。 スマホアプリのリッチ化によってゲーム内のアニメーションもリッチに動き始めて、それが普通になってきました。 しかし、デザイナーがUIアニメーションをつけるという状態はまだまだ希少な状態です。 デザイナーがUIアニメーションのスキルをつけるのはハードルが高く、UnityやAEでアニメーションを覚えたとしても、業務で任せてもらえるかわからない状態だと、中々習熟度が上がらないかと思います。 なので、多くの人は急に業務でUIアニメーションをお願いされて強制的にスキルをつけていき、スパルタで育てられた一部の人の領域だと思っています(最近は企業の教育でアニメーションを勉強しようという流れもあります) UIデザイナー自体が希少とはいえ、周りがUIアニメーションできて当たり前、という状態になってから動くよりも、今動いたほうがお得
    UIデザイナーが演出の勉強を始める時の流れ
    sh19910711
    sh19910711 2022/07/10
    "正解はないのですが、最適な演出はある / 様々な知識をつけておくことが重要で、資料集めをしていき、目を肥やしておくのが大切 / 映画、MV、CMなど、様々なものを見ておき、あ、これいいかもと思ったものは常に保存"
    リンク

  • OOUIとこれからのデザイナーの歩むべき道


    ここ2, 3年でOOUIという言葉が日本のUIデザイン界隈でかなり普及しましたね。それにかこつけたタイトルをつけてしまいましたが、Web/UIデザイナーを志望する人も増えている中、﹁OOUIの理論はわかったけど、では結局何を学べばいいんだろう﹂ということを考えている人も多いと思ったので、ひとつそのテーマでブログを書いてみることにしました。 先に結論をはっきりさせておくと、ジュニア層のUIデザイナーはソフトウェアエンジニアリングを学び寄り添うべきであるということをこの記事では主張します。 その背景や論拠とするところなど、自分の考えていることを書いていけたらと思うので、お付き合いください。 前提
    OOUIとこれからのデザイナーの歩むべき道
    sh19910711
    sh19910711 2022/06/18
    "発展期においてソフトウェアから遠ざかってしまったUIデザイン業界をあるべき姿に戻そうとする揺り戻し / 良くも悪くも曖昧さを許容してきたUIデザイン業界ですが、今そこに明確に線を引こうという動き"
    リンク

  • ストレスフリーな「規約に同意」UI の実現までの変遷について - Qiita


    はじめに みなさんはサービスの利用規約，読んでいますでしょうか．ある統計 によると，ちゃんと読んでいるユーザは全体の 7% しかいないようです． 利用規約というと，長いし難しい，といったネガティブが印象があるように思います．何でもっと分かりやすく書かないんだ，と思うかもしれませんが，利用規約はユーザの解釈に齟齬が生じないように，厳密に書かれていなければなりません．なので，ある程度仕方がない面もあります． FOLIO でも，口座開設時に利用規約 (約款) に同意してもらうページがあります．いかにユーザにスムーズに同意をしてもらうかが UXにおいて非常に重要な点ではありますが，一方で，FOLIO は金融機関であり，扱うものもお金というセンシティブなものなので，﹁ちゃんと理解してから規約に同意 (= 契約を締結) してほしい﹂という思いも強いです．ユーザも，ワンクリックとかで証券口座が開設され
    ストレスフリーな「規約に同意」UI の実現までの変遷について - Qiita
    sh19910711
    sh19910711 2022/06/12
    2017 / "サービスの利用規約，読んでいますでしょうか．ある統計 によると，ちゃんと読んでいるユーザは全体の 7% しかいないようです / Pinterest の利用規約 : 各項目に「More Simply Put (要するに)」が記載されており"
    リンク

  • 機能的で美しいカラーピッカーを求めて - ここぽんのーと


    色を調整するUIのおもしろさ﹁色﹂というモデルは、3軸 + 1軸︵不透明度︶ = 4軸分の情報を持っています。軸の取りかたについても、RGB, HSV︵またはHSB︶, HSL, …など多様な切り口があるので、これらの情報を整理し、ユーザーに適切なUIを提供するのがカラーピッカーの責務です。 表示・設定すべき値がたくさんあるので、どのように見やすく・美しく・機能的に配置するかが腕の見せどころ…というわけです。 いろいろなカラーピッカーまずは世に存在するカラーピッカーたちを観察してみましょう。既存事例は学びの宝庫です。 macOS標準縦長。レイアウトは整っており流石のAppleといったところでしょうか。 色の選びかたが最上部のタブで切り替えられるようになっていますね。直感的に選べる円型ピッカーの色空間はHSVで、暗さのスライダーがひとつと、中心からの角度が色相・距離が彩度の円で構成されていま
    機能的で美しいカラーピッカーを求めて - ここぽんのーと
    sh19910711
    sh19910711 2022/05/09
    "色を調整するUIのおもしろさ / 軸の取りかたについても、RGB, HSV（またはHSB）, HSL, …など多様な切り口 / 設定すべき値がたくさんあるので、どのように見やすく・美しく・機能的に配置するかが腕の見せどころ"
    リンク
  • 1 2 3 4 5 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.