アプリを作れるかも？｜初心者向けの予備知識｜


　今まで何かの作業中に出来ないことがあると調べてはアプリ（プラグイン等）を探して･･

という繰り返しでしたが、思ったようなアプリを自分で作れたら良いなあとは常々思います。

　ＡＩがコード教えてくれたら何とかなるのでは？と思いましたが、残念ながら知識や膨大な時間がないと無理だと悟ったので。。
調べるためのキーワード「覚書メモ」を、下手の横好きな素人が備忘録を残しています。

　

１：　 アプリ開発に必要なもの

　アプリはブラウザから開ける「Webアプリ」と「スマホアプリ」の2つに大別されるとのこと。Webアプリは、ストアを介さない為、スマホアプリよりも敷居が低そうでしたが、

スマホ新法によりアプリストアの審査が不要になっているみたいです。


  • 1-1 iPhone
    • iPhoneアプリ開発に必要なものは以下だそうです（番号に意味はなし）。
  1. ・Mac　ーー（Linuxのパソコンでもできるかも）
  2. ・XcodeのDL（「Xcode」はMacOSでしか動作しないので、 iPhone,iPadアプリ、AppleWatchアプリ、iMacアプリのみ。）
  3. ・Swiftの知識（iOSと言えばこれ、iPhoneは Swiftのほか、Object-C）
  4. ・storyboard、xibファイルLabelやButtonなどをおいて作っていく。（IBOutletやIBAction、AutoLayout）
  5. ・swiftファイル、storyboardファイルと紐つけてコードを書いて編集していく。 （letやvar、viewDidLoadやfunc）

  • 1-2 android

    • Android ーーーJava, Kotlin

    ｋｏｔｌｉｎ－－(Javaと同じオブジェクト指向言語 Javaと相互利用できる 引っ掛かりやすいエラーを未然に防いでくれる コードの記述量が少なく済む)

    AndroidにとってJava(Googleが主に開発に用いている「Google三大言語(Java、C++、Python)」のひとつでもあり、応用力のある言語)

プログラミングの基礎のほか、

  • ・TableView
  • ・CollectionView

　Progressive Web Apps（プログレッシブウェブアプリ）とは、スマホのブラウザでwebページを何か見ていて、

 
共有　＞　ホーム画面に追加　＞　で、アプリみたいにアイコンをタップすると起動するようになります。

　作成するには以下のことが必要だそうです。

  • HTML、CSS、JavaScript などを使用。
  • Service Worker
  • Web App Manifest　ーーー設定ファイル
  • https　必須　ーーーこのため、通信は自動でSSLになり、安全だそうです。
  • プッシュ通知/バックグラウンドタスク　ーーーPush API 、Background Sync
  • パフォーマンス最適化

　こちらは、iphoneでもスマホ新法の前から出来てたってことは
アプリストアを介さず使える状態だったという事ですね。

　

　

２：　申請の手順・流れ

スマホアプリ開発は、環境構築　→　企画　→　開発　→　テスト　→　リリース

の順に進める

  1. 環境構築ーーー上記の「必要なもの」準備ですかね・・
  2. 企画ーーーーーどんな役割・仕組みにするか
  3. 開発 ーーーーー実際にコードなど組み立て
  4. テストーーーー 動作の確認
  5. リリースーーー 申請とか、サイトに登録したりＤＬ出来る様にする

iPhoneのアプリをappleへ申請手順

 

  1. Apple Developer Program でアカウントを作成（AppleIDが必要）年間$99
  2. プロビジョニングプロファイルを準備
  3. iTunesConnectへアプリの情報を登録
  4. 価格および配信状況の設定
  5. iTunesConnectへアプリをアップロード
  6. アップロードしたアプリを審査へ提出
  7. 審査が通ればリリース完了
  • 2-2 android

    • android-- Android開発では「Geny Motion」というエミュレーターがよく使われる 
    ドットインストールが参考になる 

      エミュレーターの設定手順

      1.JDK をダウンロード・インストール 
       2.AndroidStudio をダウンロード・インストール 
       3.足りないSDKを追加でインストール 
       4.エミュレーターを設定する 

      androidのアプリ申請方法

       1.Googleデベロッパーアカウントを作成ーー$25ーー1回のみ 
       2.デジタル署名したパッケージファイル（apkファイル）を準備 
       3.GooglePlayにアプリケーションを登録＝リリース
  • 2-3 ＰＷＡ
    • 　こちらは、申請など不要になります。

    　iphoneでもスマホ新法の前から普通に出来ていたのですが、googleやwindowsでは推奨されており、
    ｉｏｓもアプリストアを介さず使える状態だったという事ですね。

    　安全性は気になりますが・・やはり、悪用する輩の話は既にあるみたいで、
    ネットバンキングのアプリに似せたものなどあるそうですね。

    　

    ３：　調べた経緯

    　ツールの使い方や、メニューの位置ーーー本などで調べる

    「Linuxでiosアプリを作れる」と、どこかで見掛けて気になっていたので調べました。

    というか、ゴロゴロしてスマホ見ていてたまたま見つけたので、

    ＡＩがコード教えてくれたら何とかなるのでは？と思いながら、まあ甘かったです。。

    調べるためのキーワードの「覚書メモ」を、備忘録で残しています。

    （間違っていた＆役に立たない場合、すみません。）

    　

    ４：　ツール（ノーコードツール）

    　以下の様なノーコードで作成できるツールもありました。

    1. ｍｏｎａｃａーーーーiOS、Android、Webのどれでも使えるハイブリッドアプリが作成できます。クラウド上に開発環境を用意してくれるので、面倒な環境構築は一切必要ありません。1からアプリを作る事もできますし、テンプレートを利用すればすでに1つのアプリとして動作する状態からスタートできます。
    2. ｊｏｉｎｔａｐｐｓ－－ｗｅｂ上のみで動作するので、オリジナルとしては配信できない

    　上記のツールも良いですが、もっと手軽そうなものもあります。

    　アプリを作成できるアプリもありました。アプリストアは何でもありますね。

    子供用のプログラミング教室にあるような簡単なゲームなどは作れそうな気がします。

    コードなど分からなくても、やりたい事をパズルのように当て嵌める感じだったので。

    　他、ＡＩでコード作ってもらう方法は普通のＰＣで試したことがありましたが。。

    何かが足りないとか間違っているとか、

    複数の種類のメニューを指定しても重複した項目しか出来ないとか、
    完全ではないものが表示される事が普通でした。

    おそらく、１回で完成品が出来ないのは当たり前かもしれません。
    こちらの指示や質問も完璧ではないかもしれないし、
    完成するまで根気強くやり取りする時間がないので、いつもそんな感じで終わってしまいます。

    アプリストアでも間違った計算をするものが偶にあるので、「アプリとはそういうもの」かと思いました。

    　　

    ５：　終わり・参考サイト：

    　Linuxでiosのアプリを作れるかと調べたのですが、ＰＷＡという技術であればできそうですね。

    ここまで読んでいただきありがとうございました。 

    何か少しでも参考になりましたら幸いです。 

    良かったら気が向いたときにでもまた覗いてやってくださいませ。 

参考にしたサイト：

Wikipedia

プログラミング初心者がアプリ開発するまでの全手順【準備からリリース】
https://www.sejuku.net/blog/9834

ド素人の僕が初心者から3ヶ月でアプリ開発スキルを身に付けた方法

https://matchinghack.jp/develop-app-for-beginners

【初心者必見】はじめてのiPhoneアプリの作り方！現役iOSアプリエンジニアが徹底解説！

https://note.com/minami_daisuke/n/n6458891b11f6

日立システムズhttps://www.hitachi-systems.com › - › media › report › specialist › hj › download › 2025_hj71.pdf Hitachi Systems Security Journal

Microsoft Learnhttps://learn.microsoft.com › ja-jp › microsoft-edge › progressive-web-apps › how-to PWA の開発を開始する - Microsoft Edge Developer documentation

Qiitahttps://qiita.com › syurele21 › items › f18f42935991112a2f7f これだけ知ってればok!PWAざっくり理解2025 - Qiita

NCDC株式会社/　Webアプリの擬似モバイルアプリ化（PWA）について - NCDC

https://ncdc.co.jp › columns › 8046

コメント

コメントを投稿

読んでくださって、ありがとうございます。お気軽にコメントして頂けると嬉しいです。返事は９０％くらいお返ししますが、めちゃくちゃ遅い場合があります。気長にお待ちください。

このブログの人気の投稿

JW－CAD::レイヤが消えた！「反転表示」を戻す方法｜
イメージ
　あせりました・・。 　JW-cadで作図していた際に、レイヤを確認していて 今まで作成していた図の一部が急に消えた事があります。 その時に原因をたまたま見つけたので、解決法を探すことが出来ました。 折角なので、備忘録として残します。 （間違っていた＆役に立たない場合、すみませんというか・・。） MENU：：：メニュー 　  １：　原因：反転表示 　 ２：　事の発端・困った状態　　 　 ３：　解決した方法 　 ４：　原因のまとめ 　 ５：　参考サイト：　 　 １：　 原因：反転表示 図の一部が急に消えた事について。 いろいろ調べた結果、レイヤが消えてなくなった訳ではなく レイヤーの反転表示となっていたということが判明。 反転していると、例えばですが、 白い画面に「白い文字」・・なので見えなくなります。 それが分かるまでは「消えた筈ないだろう・・」と、 レイヤの番号を１つ１つ見たり、 全画面表示にしてみたり レイヤを色々と触って探していると、 ○や×を触った瞬間に元の図が見え隠れし、 画面の左上に「レイヤ反転表示中」という文字が表示されたのでした。 　 ２：　事の発端・困った状態 　JW-cadで作図中に、レイヤを確認していたら今まで作成していた図の一部が急に消えた場合。。。 そのあと直ぐに確認すること。 レイヤの番号ボタンの下や端っこに 「○」や「×」のマークのボタンがあります。 ○をクリックすると×の記号メニューは全て消え （もう一度クリックすると元に戻り） ×をクリックすると画面の左上に 「レイヤ反転表示中」という文字が表示され、 「反転表示」となっている・・ということが分かりました。 しかし、元へ戻す方法が分からない・・。   早速その、反転表示を元に戻す方法をネット検索しました。 文字編集も少し関係があるということらしいです。   ３：　解決した方法 以下の方法で反転表示は解除される模様です。   「Ctrl」キーを押しながら、×の付いたレイヤボタンをクリックすると プロテクト解除出来ます。 Jw-cadの公式サイトのヘルプページからの情報です。 ありがとうございました。...
Read more »

wheelグループとは:::Linux初心者向けの本について｜メモリ空き容量の確認｜sshやsudoは安全か｜
イメージ
　今回は「wheelグループについて」を中心に調べた事です。 　自分はパソコンに詳しくないのですが、一時期は好奇心や色々な理由が重なってLinuxをしばらく使いました。 （古いＰＣを復活させたいのとWindowsのアップデートでＰＣの不具合があったり複数の理由で） ついでなので数年間使った感想と使い勝手レビューみたいなことをまとめています。 私と同じくあまり詳しくない人に・・、参考になりましたら幸いです。 目次 　　 １：　ｓｕｄｏとは｜安全｜設定をした方法 ２：　wheelグループとは｜一般ユーザーとsudoについて ３：　Linux初心者向けの本について思ったこと ４：　ＳＳＨがどうなっているのか｜自分のＰＣを確認する方法 4-1　自分のＰＣのバージョン情報を確認したい場合 4-2　ＳＳＨの確認方法 4-3　メモリの空き容量の確認方法 4-4　不要なメモリを削除するには 　 ５：　参考・終わりに 　　　 　 １：　ｓｕｄｏとは｜安全｜設定をした方法 　一番大事だと思うので、sudoについて アプリなどインストールする場合、手順を説明してあるサイトなどでは よく「su root」などと書いてあり、それを使う場合も多いと思いますが、 「sudo」の方を使用すると、通常のユーザーが root ユーザーとしてコマンドを実行する事ができます。 （sudoでの説明のあるサイトも多いです。） sudo は su コマンドとは異なり、より柔軟で安全 大きな利点の 1 つは、使用状況をログに記録できる 　「su root」よりも安全だったら、「sudo」使った方が良いし是非・使うべきですけど・・更に、 「wheelグループ」だったら以下の通り、もっと安全かもしれません。 詳しくは分からないので断言は出来ませんけど。。 　あと、最近たまたま知りましたが「ｓｕｄｏｅｒｓ」とかいうグループ（Debian系）もあるみたいです。 ｍｉｎｔには関係あるのですけど使いこなせないかもしれません。（調べ中。） 　 ２：　wheelグループとは｜一般ユーザーとsudoについて ...
Read more »

jw-cadで色ぬり｜線や文字が見えるように塗りつぶす方法
イメージ
　jw-cadでは何でも複数の方法があり、色塗りは「多角形」というメニューからもできますが･･、 そのままやってしまうとベタッと塗りつぶしになって 線や文字が見えなくなってしまったので、 境界線がちゃんと分かるように塗りつぶす方法を探しました。 以下は、過去記事で現在の状況と違う可能性がありますが、参考になりましたら幸いです。 補足的な記事も追加しました。初心者の備忘録ですので、参考までに。 目次 １：　メニューまで ２：　線をハッキリさせる設定 　　　 ３：　色塗りについて ４：　ハッチについて ５：　参考・終わり 　 １：　メニューまで 　因みに、色塗りの方法も複数（いろいろな方法が）あるとのことですが、 私が知っている方法はおそらく簡単な方だと思うので、 初心者向けに最適なので・・このサイトの趣旨にとても合います！ なので、こちらを残したいと思います。 先ず、色塗りの（簡単な）方法から。 画像つきで分かりやすい記事を作成予定ですが・・取り急ぎ手順のみ、 以下の　 ３：　色塗りについて 　という方法です。 ツールバーのメニューを探せばあります。 ツールバーとは、ウィンドウ画面の左右や一番上の辺りに並んでいるメニューのことです。 （初心者はメニューの場所さえ分からなくて困るんですよね･･） 　 ２：　線をハッキリさせる設定　 線をハッキリさせる方法ですが・・。 　↓　　以下の様に設定をするだけです。 [基本設定]を実行。 一般（1）タブを開く。 下部にある「画像・ソリッドを最初に描画」にチェックを付ける。 上記の設定をすれば、塗った後からでも線が復活しました！ 色の微調整が結構難しいです・・。 ↑ JwCadで後からソリッドを挿入すると、 前に書いた線や文字が見えなくなってしまいますが、表示の順番を後から変更して線を上に見せる方法です。 ３：　色塗りについて ツールバーの位置はパソコンによって様々なので、 各々がカスタマイズしていただければ良いかと思います。 多角形 ↓ 任意 ↓ 図形をクリック（※） ソリッド図形（□） ↓ 任意...
Read more »