ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI：キャラ名検索）
一覧からのキャラ名検索 キャラ一覧を表示できたけど、キャラ数が多いとアイコンだけを見てキャラを探すのはさすがに効率わるすぎ。 ということで、UIにキーワード検索機能を追加したくなった。 ・キャラ...
0
0
Comment0
28 search resultsShowing 1~20 results
Stocked
You need to log-in
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編）
UIを移動したい ここまでHTML/CSS/DOMのAPIを使うと画面（UI）が作れることがわかった。 作ったUIは同じ位置に居座っていて、スマホのアプリのように全画面を利用するなら問題にならな...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：MessageBox）
メッセージボックスをつくってみる アプリを作っていると必要になってくるのは「処理を確認するための問い合わせ」だと思う。 いわゆる「メッセージボックス」を表示するための要素を考えてみた。 UIイメ...
1
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：テーブル2）
設定UIをクラスで表現してみる。 前回で、設定UI（テーブル形式のUI）をTABLEタグと関連タグで作れることがわかった。 ただ、UIを作るたびにHTMLを作るのはナンセンスな気がした。 ※前回...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：テーブル3）
TABLEタグの内容をアクセスしたい 前回までの実装で、TABLEタグと関連タグを作り出すクラスを実装できた。 いわば、初期表示ができたことになる。 普通は、表形式UIを作成した後、ユーザー操作...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI：遅延ロード）
イメージ表示タイミングをコントロールしてみたい たくさんのIMGタグを作ると、それらの表示に時間がかかることがある。 仕組みを聞いてみると、 ・IMGタグを作る（親要素へ追加する）ことと、ブラウ...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI：キャラ名検索2）
キャラ名の部分一致検索による候補表示 一致検索ではキャラの亜種（似たようなキャラ名）を検索できないので不便に感じた。 あと、シリーズ内キャラがいったい何個あるのか調べるにも便利かもと。 ■UIイ...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI：キャラ一覧）
キャラ（画像）一覧を表示したい 一覧表示するのは、どうしたらいいのかなということで、構成を聞いてみた。 ・一覧の外枠（「DIV」タグ）を用意する ・枠内に画像（「IMG」タグ）を並べる ・タグに...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI：ダイアログ）
ダイアログを表示したい ダイアログを表示するには、こんな感じを実装したらいいらしい。 ・DIALOG要素を作成する ・DOMへの追加を依頼する ・表示を依頼する それぞれは、DOMのAPIを利用...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：IndexedDB）
位置情報を保存・復帰したい UIの移動はできることがわかったけど、アプリを開くたびに、初期位置にもどってしまうのは、なんとも使いづらいと思った。 Geminiに状態を保存したり、読みだす手段をき...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：テーブル）
設定UIを作りたい。 アプリ作成を進めていくと、具体的な機能を設定するためのUIが作りたくなる。 往々にして、それらは「テーブル形式」になっているのに気づく。 たとえば、こんな感じ。 ■環境設定...
1
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（UI操作編：クリップボード連携）
TABLEタグの内容を他デバイスへ連携したい 表形式UIを作れたので内容を保存したい、または他のデバイスへ送りたいと思った。 Geminiにこれを相談すると、JSON形式の文字列へ加工し、 ・エ...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（キャラ図鑑UI）
キャラ図鑑を作るのに必要なものって 表示対象のデータを取得することが出来たので、今度は「図鑑アプリ」を作ってみたいと思った。 要はHTML文字列が作れて、ブラウザに「お願い！」したらいい。 完成...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（HTML解析編：キャラ一覧）
キャラの一覧表を解読してみる ぷよクエ、メメントモリに絞ってみると攻略サイトに「キャラ一覧」が載っている。 キャラ一覧には、 ・キャラ画像 ・キャラ名 ・詳細情報へのURL ・その他 がキャラ毎...
0
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！（HTML解析編）
まずは前提条件として 画面（UI）を構成するには、HTMLやCSSという文字列を作るとのこと。 作り出した結果が意図した結果なのかを検証するのに、わざわざブラウザを開いて云々っていうのが、なんと...
1
0
Comment0
ぷよクエをたのしく！アプリをつくってみよう！
マルチゲーム対応化をめざす！ いきなり大きな構想を打ち立てたのですが趣旨は、 ・前回投稿ネタはWindowsOSでしか動かない。 https://qiita.com/puyon/items/c...
1
0
Comment0
メメントモリを楽しく！アプリを作ってみよう！
アプリ作成のきっかけ ２か月ほど前にスマーフォン向けアプリ「メメントモリ」をプレイしはじめた。 あまり考えずに始めて、最初に躓いたのが「キャラ進化」だ！ ちょっとだけ説明 キャラ属性とレアリティ...
2
0
Comment0
メメントモリを楽しく！アプリを作ってみよう！（進化UI）
進化判定結果を表示する 画面の構成は、前回内容を参照してください。 https://qiita.com/puyon/items/3343f1b0850bcacda66e 画面の構成は、こんな感じ...
0
0
Comment0
メメントモリを楽しく！アプリを作ってみよう！（進化判定）
進化の可否を判定する キャラが進化可能かを判定する。 判定ルールは、前回内容を参照してください。 https://qiita.com/puyon/items/3343f1b0850bcacda6...
0
0
Comment0
メメントモリを楽しく！アプリを作ってみよう！（進化）
進化ルールを考えてみる 進化ルールの全部はわかっていないけど、こんな感じらしい。 キャラのレアリティによりルールが決まっている。 レアリティ別進化 進化判定 [R] → [R+] 進化 同じキャ...
1
0
Comment0
28 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles