アプリのサンプル

本

App Inventorで開発したアプリを紹介します。開発の参考にご覧ください。

運営しているクリエイター: 小学生が学んでいる「Scratch」風のApp Inventorで、スマホアプリを簡単開発

コンポーネント：player＋FilePickerで、スマホの音楽を再生する-- 応用編 --

　App Inventor を使い始めた時に、ちょっと苦労したのが情報の少なさ。MITホームページのドキュメントは、コンポーネントとブロックの機能は記述してあるが、どう使うかが書いてない。サンプルもない。例を挙げた連載記事を参考に自分でためしてやっと、どう使うかを理解した。　ということで、簡単なサンプルを紹介していきます。　今回は、メディアグループのPlayer（音楽プレイヤー）コンポーネントの利用例の応用編（基礎編はこちら）。ここでの説明では基礎編の内容は省略して

コンポーネント：VideoPlayer＋FilePickerで、スマホの動画を再生する（応用編）

　App Inventor を使い始めた時に、ちょっと苦労したのが情報の少なさ。MITホームページのドキュメントは、コンポーネントとブロックの機能は記述してあるが、どう使うかが書いてない。せめてサンプルあれば・・・　ということで、簡単なサンプルを紹介します。　今回は、メディアグループのVideoPlayer（動画プレイヤー）コンポーネントの利用例の応用編です。アプリの動作　作成したアプリはこんな感じです。プレイリストの一番上の動画を再生中です。基礎編からの変更

ListViewで、写真付き間食カロリー確認アプリを作った

　App Inventor を使い始めた時に、ちょっと苦労したのが情報の少なさ。MITホームページのドキュメントは、コンポーネントとブロックの機能は記述してあるが、どう使うかが書いてない。せめてサンプルあれば・・・　ということで、今日作ったアプリを紹介します。　今回は、ListView（リストビュー）に写真を表示しました。目次アプリの動作　作成したアプリはこんな感じです。これは、アプリを起動したときの画面。登録した間食とそのカロリーをリスト表示しています。１

App Inventorで、アプリ「体温計タイマー」を作ってみました

コロナ対策で毎日検温を始めたが、体温系の終了合図が聞き取りにくいので、App Inventorで体温計用簡単タイマーを作成してみました。考慮したのは、とにかく簡単操作です。アイコンをクリックすると時間計測が始まり、終了すると「検温完了」と音声で知らせてくれる。計測時間の設定も可能としました。画面の設計使用する部品は、　・ボタン　・・・　残り時間（分：秒）を表示　　　　　（文字を上下方向の中央に表示するためラベルではなくボタンを利用）　・ボタン(測定開始)　・

書けそうでで書けない漢字を確認する「難書漢字」アプリを作成しました

スマホやパソコンを使って書くようになって、とにかく書けそうで書けない漢字が増えた。で、下記のApp Inventor アプリを作成してみました。考慮したのは・さっと調べで拡大文字で細かいところを確認できる・手書きで練習ができる・せっかく調べた漢字なので、また確認・復習ができるよう漢字の読み/保存ができる画面の設計画面設計上から順に、　・TextBox（漢字を入力・表示する）　・Horizontal Arrangement 　・TextBox（漢字の読み

WebViewer+p5.js で、ジェネラティブ・アート

　数年前たまたま見たProcessing の花びらの流れるサンプルがとてもきれいで、「ブラウザーのページのソースを表示」からコピペして、当時はJavascriptも不慣れなまま、苦労してやっと表示にこぎつけた。ところがパソコンがお釈迦になってプログラムも行方不明に。最近、p5.js を知って画像の記憶を頼りに、せっかくならスマホそれもApp Inventor も絡ませて再現しようということで作ったのがこの画面。ジェネラティブ・アートというと幾何学模様が多いけれど、画像の表示も