小学生が学んでいる「Scratch」風のApp Inventorで、スマホアプリを簡単開発

・Androidスマホのアプリが簡単にできる「App Inventor」の使い方を紹介しています。  App Inventor のすばらしさを一人でも多くに人に伝えたい!

小学生が学んでいる「Scratch」風のApp Inventorで、スマホアプリを簡単開発

・Androidスマホのアプリが簡単にできる「App Inventor」の使い方を紹介しています。  App Inventor のすばらしさを一人でも多くに人に伝えたい!

マガジン

最近の記事

削除後の再インストールでも、TinyDBのデーターがリセットされない問題をChatGPTで解決

開発中アプリのアップデートで思わぬエラーが発生  開発中のアプリで、TinyDBの仕様を変更して上書きインストールをしたところ、再インストール前の仕様のデータが残っていて起動時にエラーが出た。  上書きインストールしてもデータは残ることはわかっていたが、DBの仕様を変更した場合は不便である。仕様が変わっているのでデータ削除の機能も働かない。  このための削除機能を追加するのも面倒なので、 アプリを一旦削除をしたらTinyDBも削除されデーターは残らなだろうと思い、アプリ削

    • Canvaのホワイトボードで、マウスを使ってスクロールする方法が意外だった

       note の投稿用原稿の図は、Canva を使って作成することがほとんどだが、いつも不便を感じていたのが、画面スクロール。  スクロールバーでの移動はスクロールバーが細くてつかみづらく、斜めに移動する場合は上下左右と別のスクロールバーをつかまないといけないのも面倒、だから画面タッチでスクロールしていたが、マウスを離して画面タッチでスクロールしてまたマウスを持つ。この操作ががなんとも煩わしい。  何とかマウスでスクロールできないかと、Ctrl+マウス、Shft+マウス、Al

      • 「ストロベリー問題」でも、Perplexityに軍配が!

         毎朝チェックしている gigazine の記事に、「ストロベリー問題」の記事がありました。実はこの記事で初めて知ったのだが、  ということで早速パソコンを叩いてみると、ChatGPTでは確かに「2」と回答してくる。  記事中ではその理由や回避方法についても触れているが、app inventor プログラミングで意外と健闘している perplexity には触れていないので、聞いてみた結果、こちらは見事に Three letters "r"s と回答が返ってきた。  こ

        • 北川景子の夫は別人だ。生成AIは「もうひとつ」をどう訳したか?

           App Inventor で翻訳アプリのテストをしていたら、驚きの翻訳結果が出たので、生成AI周りで少し遊んでみた結果です。 そもそもの発端は、App Inventor + GAS の翻訳結果 そもそもの発端は、App Inventor で、GAS(Google apps Script)の翻訳機能を使った翻訳アプリを開発中にテストしたこの一文。 「北川景子はとても美しい女優だ」だけではつまらないので、「彼女の夫はもうひとつだ」とやっかみ半分で付け加えてみたら、なんと

        マガジン

        • 半周遅れの生成AI
          8本
        • プログラミングのヒント
          6本
        • その他 App Inventor 以外の記事
          5本
        • App inventor スニペット
          6本
        • App Inventor の基本情報。
          3本
        • コンポーネント・ブロックの使い方とサンプル
          4本

        記事

          Canva のヘルプが便利で感動した!

           今さらですが、Canvaのヘルプの使い勝手の良さに感動した話です。 ソフトのヘルプって、ぴったりの回答がなかなか得られなかったり、そもそも何に困っているかをどう説明したらいいのかわからないということもあって、満足な回答を得られないことも多い。  が、Canvaのヘルプは違った。下の図1は、ホワイトボード画面に図形の四角を作成したところ(画面上で「四角」と打つと表示される)。ここで縦方向短くしようとしても、これ以上短くならない。  そこで、図1のように質問したら、的確な回

          Sprite画像を回転するには、Headingプロパティに、現在の角度+変化させたい角度をセットする

           Sprite画像を回転するには、図1のように、ImageSprite,heading に回転させたい角度をセットします。角度は、真上を0度として左回転です。図1の処理では左側に横倒しになる感じです。  現在の角度から一定の角度に変化させたい場合は、ImageSprite.Headingに現在の角度(ImageSprite.Heading)+ 変化させたい角度(ここでは90度)をセットします。  左回転するので、右回転させたい場合は回転角度を負の数字にします。  連続して

          Sprite画像を回転するには、Headingプロパティに、現在の角度+変化させたい角度をセットする

          List の要素をカンマ区切り(CSV)でセットする

          リストに値を設定する方法  リストに値を設定する場合、図1のように make a list ブロックを使って実行します。  これに対し、図2のように list from csv row text ブロックを使うとコンパクトに設定ができます。入力する手間も少なくてすみます。 行のリストに値を設定する方法  行のリストにCSVテーブルから値を設定する場合は、nake a list ブロックを階層的に使い図3のようにブロックを組みます。  CSV文字列を使ってコンパクトに

          ボタンのデフォルトの色コードは? 

           例えば、ボタンを押すたびにボタンの色がデフォルト(灰色?)と黄色に変わるようにするため、図1のようにブロックをプログラムした。デフォルトの灰色はBuilt in のColorブロックから灰色(図2の下から3番目)をセット。  ところが、実際に動かしてみると、最初のクリックでは、微妙に灰色が濃くなるだけで黄色にならない。つまり、図1、図2で指定した灰色は似てはいるが、デフォルトの灰色とは異なるようだ。  実際、図3のブロックで色コードに分解してみると、 ・デフォルトの灰色は

          大谷翔平が高校時代に立てた、目標達成シート アプリを作ってみた(前半)

           MLBで大活躍の大谷翔平。彼が花巻東高校1年の時に書いた目標達成シートをAppInventor でアプリ化してみた。  いつも持ち歩くスマホアプリなので、いつでも確認できるし、バージョンアップもできる。 大谷翔平の目標達成シートとは  現物は図1。説明するまでもないかもだが、いわゆる曼荼羅チャート。中心にメインの目標を記述し、その周りにメイン目標それぞれのサブ目標を記述したものです。 どうやってアプリ化するか表示方法  最大の課題は、この横長の文字も多い表をスマホでど

          大谷翔平が高校時代に立てた、目標達成シート アプリを作ってみた(前半)

          Perplexityに質問して、電話のプッシュ音を鳴らしてみた。JavascriptをAppInventorから呼び出す方法も。

           今朝、ベッドから抜け出す前に、Perplexity(以下パープレ)をさわっていたんだけど、電話のプッシュ音を再現しようと調べ始めて途中でほってあったのを思い出し、Perplexity に質問してみたら、それっぽい回答が返ってきたので、最終App Inventorで鳴らすようにアプリを作成しました。 Perplexity にプログラムを書いてもらう  まずは、パープレに下記の質問を投げた  帰ってきたプログラムは音声ファイルを再生する仕組みで、音声ファイルは自分で探せと

          Perplexityに質問して、電話のプッシュ音を鳴らしてみた。JavascriptをAppInventorから呼び出す方法も。

          Buildしたら、エラーが表示された。 Appinventorを始めて7年半、初めて遭遇するエラーだ。 nb197にバージョンアップしてからどうも調子が一つ

          Buildしたら、エラーが表示された。 Appinventorを始めて7年半、初めて遭遇するエラーだ。 nb197にバージョンアップしてからどうも調子が一つ

          うわさのClaudeを利用し始めた 確かにいい感じ AppInventorの開発アシストに使えそう が、こんな回答も 「具体的なYouTube動画のリンクをお教えすることはできません。私はインターネットに接続されておらず、最新の動画情報にアクセスできないため」 そうなんだ

          うわさのClaudeを利用し始めた 確かにいい感じ AppInventorの開発アシストに使えそう が、こんな回答も 「具体的なYouTube動画のリンクをお教えすることはできません。私はインターネットに接続されておらず、最新の動画情報にアクセスできないため」 そうなんだ

          7月7日にnb197 へバージョンアップの補足情報。7月3日時点でデザインビューの画面で機器の選択が可能に戻った。しかもアイホンへの切り替えも可能に。

           前回の投稿で、デザイン画面で機器が選択できなくなって、画面があふれた場合の扱いがやりにくくなったと記述したが、  本日、開発していたらデザイン画面で、図11のように機器ののサイズが変更できるように戻ってる。しかも、アイフォンの選択もできる。  ただし、全てが右のようになったのではなく、ちょっと触った感じでは、 ・バージョンアップしてから新規に作成したプロジェクトだけ、右のようになり ・バージョンアップ以前に作成したプロジェクトは左のようになる  ではないか。  とりあえ

          7月7日にnb197 へバージョンアップの補足情報。7月3日時点でデザインビューの画面で機器の選択が可能に戻った。しかもアイホンへの切り替えも可能に。

          7月7日にnb197 へバージョンアップしました

           デザイン画面で編集中に表示が変わったのに気が付いたので、リリースノートを確認したところ、nb197 へバージョンアップしていた。  パレットの折り畳みは便利になったが、タブレット表示がなくなったのは不便になった。メンバーがAppinventorてーむに合流した(?)Kodularの機能が追加されるかと期待していたが、それもなかった。   相変わらず、あっさりとした案内でした。 バージョンアップの内容 Changes between nb196 and nb197 (Ju

          Make Genericの使い方

           ブロックエディターで、ブロックを右クリックして表示されるコンテキストメニュー(Context Menu)を使ってブロック編集画面の記述を簡単にする方法を説明します。 基本的な使い方 図1のようなボタンが6個ある画面で、それぞれのボタンをクリックしたら黄色くなり、黄色い状態でクリックするともとに戻るようにしたい場合  ブロック図は下記の通りになりますが、同じ処理を6回も書かないといけないし、ブロック図も複雑になります。  そこで、Make Generic でこれを簡単に

          perplexityは情報が速いね 昨日昼過ぎに投稿したnoteの記事が検索で表示された。 perplexity、便利だけど、ただなあ。 使っていてなんだけど、究極のパクリ感は否めない。

          perplexityは情報が速いね 昨日昼過ぎに投稿したnoteの記事が検索で表示された。 perplexity、便利だけど、ただなあ。 使っていてなんだけど、究極のパクリ感は否めない。