個人プロジェクト　演劇×デジファブ

観劇の思い出や考察をまとめておけるアプリ

私がAndroid系スマホユーザーなので、今回はAndroid Studioを使ってアプリを作ってみる。
参考教材：いきなりプログラミング Androidアプリ開発
NFCタグをamazonで買って、タグとアプリを紐づけてからチェキキーホルダーにタグをぶち込むと、
ホルダーにスマホをかざすだけで観劇オタクアプリが開くという、オタクグッズが爆誕する
NFCタグの紐付けは、NFC tools（googleダウンロードページ）というアプリで行った。 ※ちゃんと動きました

• 1. 来場者スタンプ代わりのアプリ

  舞台好きの中には多ステ（一つの演目で複数回鑑賞すること）するファンもいる。そのようなお客さんにより来場してもらえるように
  来場スタンプをつくり、複数回来たお客さんにノベルティをプレゼントしたり、割引をしたりしている劇団もある。
  
  しかし、私のような人間は紙のスタンプカードだと財布に入れたり何やらかんやらしているうちに失くしがちである。
  →さすがにスマホアプリなら失くさないし、すぐ取り出せるのでは？

  やったこと

  私がAndroid系スマホユーザーなので、今回はAndroid Studioを使ってアプリを作ってみる。
  動いてる様子

  activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:context=".MainActivity"
  7.     android:orientation="vertical"
  8.     android:gravity="center">
  10.     <TextView
  11.         android:id="@+id/messageView"
  12.         android:layout_width="wrap_content"
  13.         android:layout_height="wrap_content"
  14.         android:text="@string/message"
  15.         android:textSize="18sp" />
  18.     <ImageView
  19.         android:id="@+id/flowerImage"
  20.         android:layout_width="200dp"
  21.         android:layout_height="200dp"
  22.         android:src="@drawable/_10"
  23.         android:layout_marginVertical="40dp"
  24.         android:contentDescription="@string/img_flower" />
  26.     <Button
  27.         android:id="@+id/waterBtn"
  28.         android:layout_width="wrap_content"
  29.         android:layout_height="wrap_content"
  30.         android:text="@string/btn_water" />
  31.     <Button
  32.         android:id="@+id/resetBtn"
  33.         android:layout_width="wrap_content"
  34.         android:layout_height="wrap_content"
  35.         style="@style/Widget.Material3.Button.OutlinedButton"
  36.         android:text="@string/btn_reset"
  37.         android:layout_marginTop="20dp"
  38.         android:visibility="invisible"/>
  39. </LinearLayout>

  
  

  strings.xml

  1. <resources>
  2.     <string name="app_name">visit_counter</string>
  4.     <string name="message">来場したらスタッフに\nボタンを押してもらおう！</string>
  8.     <string name="message1">1回目！</string>
  9.     <string name="message2">2回目！</string>
  10.     <string name="message3">3回目！</string>
  11.     <string name="message4">4回目！</string>
  12.     <string name="message5">5回目！</string>
  13.     <string name="message6">6回目！</string>
  14.     <string name="message7">7回目！</string>
  15.     <string name="message8">8回目！</string>
  16.     <string name="message9">9回目！</string>
  17.     <string name="message10">10回目！　おめでとう！</string>
  20.     <string name="img_flower">スタンプ</string>
  21.     <string name="btn_water">来場しました！</string>
  22.     <string name="btn_reset">リセット</string>
  25. </resources>

  
  

  MainActivity.kt

  1. package com.example.sample
  3. import androidx.appcompat.app.AppCompatActivity
  4. import android.os.Bundle
  5. import android.view.View
  6. import android.widget.Button
  7. import android.widget.ImageView
  8. import android.widget.TextView
  10. class MainActivity : AppCompatActivity() {
  11.     override fun onCreate(savedInstanceState: Bundle?) {
  12.         super.onCreate(savedInstanceState)
  13.         setContentView(R.layout.activity_main)
  15.         val messageView: TextView = findViewById(R.id.messageView)
  16.         val flowerImage: ImageView = findViewById(R.id.flowerImage)
  17.         val waterBtn: Button = findViewById(R.id.waterBtn)
  18.         val resetBtn: Button = findViewById(R.id.resetBtn)
  20.         var count = 0
  21.         waterBtn.setOnClickListener {
  22.             count++
  23.             when (count) {
  24.                  1 -> {
  25.                     messageView.text = getString(R.string.message1)
  26.                     flowerImage.setImageResource(R.drawable._9)
  27.                 }
  29.                 2 -> {
  30.                     messageView.text = getString(R.string.message2)
  31.                     flowerImage.setImageResource(R.drawable._8)
  32.                 }
  34.                 3 -> {
  35.                     messageView.text = getString(R.string.message3)
  36.                     flowerImage.setImageResource(R.drawable._7)
  37.                 }
  39.                 4 -> {
  40.                     messageView.text = getString(R.string.message4)
  41.                     flowerImage.setImageResource(R.drawable._6)
  42.                 }
  44.                 5 -> {
  45.                     messageView.text = getString(R.string.message5)
  46.                     flowerImage.setImageResource(R.drawable._5)
  47.                 }
  49.                 6 -> {
  50.                     messageView.text = getString(R.string.message6)
  51.                     flowerImage.setImageResource(R.drawable._4)
  52.                 }
  54.                 7 -> {
  55.                     messageView.text = getString(R.string.message7)
  56.                     flowerImage.setImageResource(R.drawable._3)
  57.                 }
  59.                 8 -> {
  60.                     messageView.text = getString(R.string.message8)
  61.                     flowerImage.setImageResource(R.drawable._2)
  62.                 }
  64.                 9 -> {
  65.                     messageView.text = getString(R.string.message9)
  66.                     flowerImage.setImageResource(R.drawable._1)
  67.                 }
  69.                 10 -> {
  70.                     messageView.text = getString(R.string.message10)
  71.                     flowerImage.setImageResource(R.drawable.comp)
  72.                     resetBtn.visibility = View.VISIBLE
  73.                     waterBtn.visibility = View.INVISIBLE
  74.                 }
  77.             }
  78.         }
  80.        resetBtn.setOnClickListener {
  81.             count = 0
  83.             flowerImage.setImageResource(R.drawable._10)
  84.             resetBtn.visibility = View.INVISIBLE
  85.             waterBtn.visibility = View.VISIBLE
  86.        }
  88.    }
  89. }

  次に取り組むこと

  • データの保存
  • デザイン（劇団のロゴを模した塗り絵的なものにするとか）

  閉じる△
  

• 2. 撮影可能な舞台で撮影した写真を見られるアプリ

  舞台やイベントによっては上演中の撮影が可能な場合がある。普通にスマホのカメラロールに画像を入れたままでもいいが、
  せっかくならコメントとかつけて閲覧できたら後から色々思い出して楽しい気持ちになれるかもしれない？

  やったこと

  動いてる様子

  
  

  actibity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:contentDescription="@string/btn_left"
  8.     tools:context=".MainActivity">
  10.     <ImageView
  11.         android:id="@+id/imageView"
  12.         android:layout_width="0dp"
  13.         android:layout_height="0dp"
  14.         android:background="@color/black"
  16.         app:layout_constraintBottom_toBottomOf="parent"
  17.         app:layout_constraintEnd_toEndOf="parent"
  18.         app:layout_constraintHorizontal_bias="0.0"
  19.         app:layout_constraintStart_toStartOf="parent"
  20.         app:layout_constraintTop_toTopOf="parent"
  21.         app:layout_constraintVertical_bias="0.0"
  22.         tools:ignore="contentDescription" />
  24.     <ImageButton
  25.         android:id="@+id/BtnLeft"
  26.         android:layout_width="48dp"
  27.         android:layout_height="48dp"
  28.         android:background="@color/white60"
  29.         android:contentDescription="@string/btn_left"
  30.         android:src="@drawable/baseline_chevron_left_24"
  31.         app:layout_constraintBottom_toBottomOf="@+id/imageView"
  32.         app:layout_constraintLeft_toLeftOf="parent"
  33.         app:layout_constraintRight_toRightOf="parent"
  34.         app:layout_constraintStart_toStartOf="parent"
  35.         app:layout_constraintTop_toTopOf="parent"
  36.         app:layout_constraintVertical_bias="0.9" />
  38.     <ImageButton
  39.         android:id="@+id/BtnRight"
  40.         android:layout_width="48dp"
  41.         android:layout_height="48dp"
  42.         android:background="@color/white60"
  43.         android:contentDescription="@string/btn_right"
  44.         android:src="@drawable/baseline_chevron_right_24"
  45.         app:layout_constraintBottom_toBottomOf="parent"
  46.         app:layout_constraintEnd_toEndOf="parent"
  47.         app:layout_constraintTop_toTopOf="parent"
  48.         app:layout_constraintVertical_bias="0.9"
  49.         tools:ignore="contentDescription" />
  51.     <EditText
  52.         android:id="@+id/editTextTextMultiLine"
  53.         android:layout_width="wrap_content"
  54.         android:layout_height="wrap_content"
  55.         android:layout_marginBottom="68dp"
  56.         android:ems="10"
  57.         android:gravity="start|top"
  58.         android:hint="@string/ent_text"
  59.         android:importantForAutofill="no"
  60.         android:inputType="textMultiLine"
  61.         android:minHeight="48dp"
  62.         android:textColor="#FFFFFF"
  63.         android:textColorHint="#AAA0A0"
  64.         app:layout_constraintBottom_toBottomOf="parent"
  65.         app:layout_constraintEnd_toEndOf="parent"
  66.         app:layout_constraintHorizontal_bias="0.497"
  67.         app:layout_constraintStart_toStartOf="parent" />
  68. </androidx.constraintlayout.widget.ConstraintLayout>

  strings.xml

  1. <resources>
  2.     <string name="app_name">slite</string>
  3.     <string name="btn_left">左へスライド</string>
  4.     <string name="btn_right">右へスライド</string>
  5.     <string name="ent_text">文字を入力してください</string>
  6. </resources>

  
  

  build.gradle.kts

  教材ではcompileSdk = 33になっていたが、エラーが出たので34に変更

  1. plugins {
  2.     id("com.android.application")
  3.     id("org.jetbrains.kotlin.android")
  4. }
  6. android {
  7.     namespace = "com.example.slite"
  8.     compileSdk = 34
  12.     defaultConfig {
  13.         applicationId = "com.example.slite"
  14.         minSdk = 19
  15.         targetSdk = 34
  16.         versionCode = 1
  17.         versionName = "1.0"
  19.         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
  20.     }
  22.     buildTypes {
  23.         release {
  24.             isMinifyEnabled = false
  25.             proguardFiles(
  26.                 getDefaultProguardFile("proguard-android-optimize.txt"),
  27.                 "proguard-rules.pro"
  28.             )
  29.         }
  30.     }
  31.     compileOptions {
  32.         sourceCompatibility = JavaVersion.VERSION_1_8
  33.         targetCompatibility = JavaVersion.VERSION_1_8
  34.     }
  35.     kotlinOptions {
  36.         jvmTarget = "1.8"
  37.     }
  38.     buildFeatures{
  39.         viewBinding= true
  40.     }
  41. }
  43. dependencies {
  45.     implementation("androidx.core:core-ktx:1.9.0")
  46.     implementation("androidx.appcompat:appcompat:1.6.1")
  47.     implementation("com.google.android.material:material:1.11.0")
  48.     implementation("androidx.constraintlayout:constraintlayout:2.1.4")
  49.     testImplementation("junit:junit:4.13.2")
  50.     androidTestImplementation("androidx.test.ext:junit:1.1.5")
  51.     androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
  52. }

  
  

  build.gradle.ktsMainActibity.kt

  1. package com.example.slite
  3. import androidx.appcompat.app.AppCompatActivity
  4. import android.os.Bundle
  5. import android.widget.EditText
  6. import com.example.slite.databinding.ActivityMainBinding
  8. class MainActivity : AppCompatActivity() {
  10.     private lateinit var binding: ActivityMainBinding
  11.     private var position = 0
  13.     private var imageList = listOf(R.drawable.cap1, R.drawable.cap2, R.drawable.kj)
  15.     // Create an array to hold EditText objects
  16.     private var editTextList = mutableListOf<EditText>()
  18.     private fun movePosition(num: Int) {
  19.         position += num
  21.         if (position >= imageList.size) {
  22.             position = 0
  23.         } else if (position < 0) {
  24.             position = imageList.size - 1
  25.         }
  27.         binding.imageView.setImageResource(imageList[position])
  29.         // Update the text of the EditText corresponding to the current image
  30.         val currentEditText = editTextList[position]
  31.         binding.editTextTextMultiLine.setText(currentEditText.text.toString())
  32.     }
  34.     override fun onCreate(savedInstanceState: Bundle?) {
  35.         super.onCreate(savedInstanceState)
  36.         binding = ActivityMainBinding.inflate(layoutInflater)
  37.         setContentView(binding.root)
  39.         // Initialize EditText objects and add them to the list
  40.         for (i in imageList.indices) {
  41.             val editText = EditText(this)
  42.             // Customize EditText properties if needed
  43.             editTextList.add(editText)
  44.         }
  46.         // Set the first EditText as the initial state
  47.         binding.editTextTextMultiLine.setText(editTextList[position].text.toString())
  49.         movePosition(0)
  51.         binding.BtnLeft.setOnClickListener {
  52.             movePosition(-1)
  53.         }
  54.         binding.BtnRight.setOnClickListener {
  55.             movePosition(1)
  56.         }
  57.     }
  58. }

  閉じる△
  

• 3. 舞台ごとのまとめアプリ

  舞台ごとに紹介文、X(旧twitter)の該当ハッシュタグのページが見れて、かつ人にも布教できたら良いのにな、という劇団オタク向けアプリ
  pythonでやろうとしたヤツの続きみたいなもの
  作品ごとの詳細、Xでのハッシュタグ検索、共有ができる

  やったこと

  動いてる様子
  apkファイルの作り方→実機（Android端末）へのインストールと動作確認【Androidアプリ開発】（外部サイト）を参考にした
  pythonよりAndroid Studioの方が体感としてビルドが楽、アプリもちゃんと私物スマホで起動した

  
  

  strings.xml

  1. <resources>
  2.     <string name="app_name">Favorites</string>
  4.     <string name="image_description">推しの画像</string>
  5.     <string name="label_date">上演：%s</string>
  6.     <string name="btn_url">Xをみる</string>
  7.     <string name="btn_share">おすすめする</string>
  8.     <string name="btnBack">戻る</string>
  10.     <string name="explain_1">人口わずか170名の島『津久江島』何もないこの島、一応住所は東京都。
  11.     住人たちは現代のテクノロジーからかけ離れた生活を送っていた・・・
  12.     そんな『津久江島』に嫌気がさし、本土に強い憧れをもつ「岸野弥生」は島から出ようと決意する。
  13.     しかし、出発当日、島の異変に気づく・・・・
  14.     人々の憩いの場となっている島唯一の病院「田島産婦人科」には島の異変に気付いた住人達がパニックになり集まっていた・・・・
  15.     一体津久江島に何が起こったのか・・・・?</string>
  16.     <string name="explain_2">映画監督を目指す拓郎はある出来事をきっかけに部分的に記憶を失ってしまう。
  17.     そこに当時の旧友から授かったバーチャルリアリティゲーム「どぎまぎメモリアル」。
  18.     それは自身の想像力を元に恋愛シミュレーションができるゲーム。
  19.     あんなことやこんなこともできる中で拓郎は違和感を感じる。
  20.     「俺・・・これ知ってる。」破茶滅茶なゲーム展開に食らいつきながら拓郎は自身の記憶を取り戻していく・・・。</string>
  21.     <string name="explain_3">私立彩色女子学園高等学校芸能科。それぞれの「才」を尊重し、活かし、伸ばすことを第一に考える東京屈指の芸能学校。
  22.     ここでは「エンタメ力」というものが評価基準の全てとされ、上位の者には独自のパイプ で望む未来への道が約束される。
  23.     だが近年の少子化、個人活動の繁栄によって生徒は激減し廃校の危機 学園の復興を願う理事長はある提案をする。
  24.     「彩色祭で大賞を獲ったクラスには年末のゴールデン特番2時間の枠を独占させる」
  25.     生徒たちは将来のスターへ約束される道を狙い争い合う</string>
  26.     <string name="explain_4">「香澄は目の前が真っ暗になった」同郷の仲間二人と役者になるために上京したその世界は想像を超える厳しさだったが、夢を叶えたいという一心で乗り越えてきた。
  27.     しかしある出来事をきっかけに香澄の心の中で張り詰めていた糸がプツンと切れてしまう。
  28.     そこに現れたのは”ドリームキャッチャー”という夢叶えさせ屋。少々無茶はあるものの、香澄の願望はどんどん叶えられていく。
  29.     願っていたことが叶っていく中で香澄はある疑問を抱く。「あれ？結局私にとっての夢ってなんだったっけ――」
  30.     初めて自分の夢と真剣に向き合おうとする女性の物語。</string>
  31.     <string name="explain_5">年に一度、村を上げて開催される小湊祭りの日、祭り会場から近い老舗の旅館『鴨川屋』は大忙しだった。
  32.     しかし、祭りの日以外は閑古鳥が鳴くこの旅館は、この日を最後に閉館が決まっていた・・幽霊が出ると噂されている『椿の間』鴨川屋の館長は最後に幽霊を成仏させる為に霊
  33.     媒師を呼ぶが、何も知らない新人の仲居が飛び込みの客を椿の間に泊めてしまう・・・そして、最後の日に最強のクレーマーが現れる・・
  34.     それぞれの想いを胸に業務をこなす中居達、客室内で巻き起こるトラブルを乗り越え『鴨川屋』は無事に最後の日を終える事ができるのか・・・・？</string>
  35.     <string name="explain_6">県立音葉高等学校に転校してきた「神楽駒音」は、早々恋に落ちてしまった。お相手は爽やかな好青年「仁志敏久」。彼の誘いで、駒音は将棋部に入部する事に。
  36.     しかし、生徒会長の魔の手によって将棋部は廃部へと追いやられてしまう......廃部を回避する方法はただ1つ、大会で優勝する事だった。
  37.     果たして将棋部の運命は?そして神楽駒音が抱えている秘密とは......?</string>
  38.     <string name="explain_7">ホスト業界では汚い金稼ぎが主流となり、眠らない街と言われていたこの街も少しずつ活気が薄れていた。
  39.     そんな歌舞伎町で透はただただバイトをしていた。何かしたいと心では思っていても一歩が出ない中途半端な人生。そこに現れたホスト東堂雅。
  40.     今のホスト業界を変えるため訴えを続ける雅に透は心を打たれる。「いいか、ホストにとって夢ってのは見るもんじゃねぇ。見せるもんだ」
  41.     一歩を踏み出しホストを目指す透だったが、そこは今にも潰れる寸前のホストクラブ「ラブ本店」
  42.     ギリギリの状態で営業を続ける中でもやり方を変えないこの店にも透は疑問を抱くが、徐々に大切なことに気付かされていく。</string>
  43.     <string name="explain_8">歌舞伎町ホスト業界。楽して稼げるイメージからホストの人口は急激に上がりはしたものの、現実は厳しかった。
  44.     収入の差の激しさから汚いやり方に手を染める若手が増え、ホストのイメージはより一層悪くなってしまう。
  45.     だが、そんな時代を一人のホストが変えた。「ホストにとって夢ってのは叶えるもんじゃねえ、魅せるもんだ」
  46.     真の男（ホスト）たちにより再び息を吹き返したホスト業界だったが、そこに新たなジャンルが参入したことにより事態は一変する。
  47.     その名も「男装ホスト」 「ホストクラブなのに女？いえいえ。体は女性でも見た目や心は男より男らしい男装ホストたちが甘い夜へと誘います。」
  48.     世はまさに大ホスト時代。</string>
  51.     <string name="url_1">https://twitter.com/search?q=%23%E7%94%A3%E3%83%95%E3%82%A9%E3%83%BC&amp;src=typed_query&amp;f=top</string>
  52.     <string name="url_2">https://twitter.com/search?q=%23%E3%81%A9%E3%81%8E%E3%83%A1%E3%83%A22023&amp;src=typed_query&amp;f=top</string>
  53.     <string name="url_3">https://twitter.com/search?q=%23%E5%BD%A9%E5%A5%B3&amp;src=typed_query&amp;f=top</string>
  54.     <string name="url_4">https://twitter.com/search?q=%23%E5%A4%A2%E3%81%BC%E3%81%8F%E3%82%8D&amp;src=typed_query&amp;f=top</string>
  55.     <string name="url_5">https://twitter.com/search?q=%23%E9%B4%A8%E3%83%95%E3%82%A1%E3%82%A4&amp;src=typed_query&amp;f=top</string>
  56.     <string name="url_6">https://twitter.com/search?q=%23%E9%A3%9B%E8%BB%8A%E3%83%A2%E3%83%B32023&amp;src=typed_query&amp;f=top</string>
  57.     <string name="url_7">https://twitter.com/search?q=%23%E3%83%93%E3%82%BF%E3%83%8A%E3%82%A42023&amp;src=typed_query&amp;f=top</string>
  58.     <string name="url_8">https://twitter.com/search?q=%23%E3%82%B7%E3%83%A5%E3%82%AC%E3%83%8A%E3%82%A42023&amp;src=typed_query&amp;f=top</string>
  61. </resources>

  
  

  actibity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".DetailActivity">
  9.     <ImageView
  10.         android:id="@+id/detailImage"
  11.         android:layout_width="180dp"
  12.         android:layout_height="180dp"
  13.         android:layout_marginTop="40dp"
  14.         android:contentDescription="@string/image_description"
  15.         app:layout_constraintEnd_toEndOf="parent"
  16.         app:layout_constraintStart_toStartOf="parent"
  17.         app:layout_constraintTop_toTopOf="parent"
  18.         tools:srcCompat="@tools:sample/avatars" />
  20.     <TextView
  21.         android:id="@+id/detailName"
  22.         android:layout_width="wrap_content"
  23.         android:layout_height="wrap_content"
  24.         android:layout_marginTop="20dp"
  25.         android:textSize="18sp"
  26.         app:layout_constraintEnd_toEndOf="parent"
  27.         app:layout_constraintStart_toStartOf="parent"
  28.         app:layout_constraintTop_toBottomOf="@+id/detailImage"
  29.         tools:text="舞台名" />
  31.     <TextView
  32.         android:id="@+id/detailDate"
  33.         android:layout_width="wrap_content"
  34.         android:layout_height="wrap_content"
  35.         android:layout_marginTop="20dp"
  36.         android:textSize="16sp"
  37.         app:layout_constraintEnd_toEndOf="parent"
  38.         app:layout_constraintStart_toStartOf="parent"
  39.         app:layout_constraintTop_toBottomOf="@+id/detailName"
  40.         tools:text="上演：2000/1/1" />
  42.     <TextView
  43.         android:id="@+id/detailExplain"
  44.         android:layout_width="wrap_content"
  45.         android:layout_height="wrap_content"
  46.         android:layout_marginTop="20dp"
  47.         android:paddingHorizontal="20dp"
  48.         android:textSize="14sp"
  49.         app:layout_constraintEnd_toEndOf="parent"
  50.         app:layout_constraintStart_toStartOf="parent"
  51.         app:layout_constraintTop_toBottomOf="@+id/detailDate"
  52.         app:lineHeight="24sp"
  53.         tools:text="ここにテキストが入ります。ここにテキストが入ります。https://google.com" />
  55.     <Button
  56.         android:id="@+id/btnShare"
  57.         android:layout_width="wrap_content"
  58.         android:layout_height="wrap_content"
  59.         android:text="@string/btn_share"
  60.         app:layout_constraintBottom_toBottomOf="parent"
  61.         app:layout_constraintEnd_toEndOf="parent"
  62.         app:layout_constraintStart_toStartOf="parent"
  63.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  65.     <Button
  66.         android:id="@+id/urlView"
  67.         android:layout_width="wrap_content"
  68.         android:layout_height="wrap_content"
  69.         android:text="@string/btn_url"
  70.         app:layout_constraintBottom_toBottomOf="parent"
  71.         app:layout_constraintEnd_toStartOf="@+id/detailImage"
  72.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  74.     <Button
  75.         android:id="@+id/btnBack"
  76.         android:layout_width="wrap_content"
  77.         android:layout_height="wrap_content"
  78.         android:text="@string/btnBack"
  80.         app:layout_constraintBottom_toBottomOf="parent"
  81.         app:layout_constraintStart_toEndOf="@+id/detailImage"
  82.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  84. </androidx.constraintlayout.widget.ConstraintLayout>

  
  

  actibity_detail.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".DetailActivity">
  9.     <ImageView
  10.         android:id="@+id/detailImage"
  11.         android:layout_width="180dp"
  12.         android:layout_height="180dp"
  13.         android:layout_marginTop="40dp"
  14.         android:contentDescription="@string/image_description"
  15.         app:layout_constraintEnd_toEndOf="parent"
  16.         app:layout_constraintStart_toStartOf="parent"
  17.         app:layout_constraintTop_toTopOf="parent"
  18.         tools:srcCompat="@tools:sample/avatars" />
  20.     <TextView
  21.         android:id="@+id/detailName"
  22.         android:layout_width="wrap_content"
  23.         android:layout_height="wrap_content"
  24.         android:layout_marginTop="20dp"
  25.         android:textSize="18sp"
  26.         app:layout_constraintEnd_toEndOf="parent"
  27.         app:layout_constraintStart_toStartOf="parent"
  28.         app:layout_constraintTop_toBottomOf="@+id/detailImage"
  29.         tools:text="舞台名" />
  31.     <TextView
  32.         android:id="@+id/detailDate"
  33.         android:layout_width="wrap_content"
  34.         android:layout_height="wrap_content"
  35.         android:layout_marginTop="20dp"
  36.         android:textSize="16sp"
  37.         app:layout_constraintEnd_toEndOf="parent"
  38.         app:layout_constraintStart_toStartOf="parent"
  39.         app:layout_constraintTop_toBottomOf="@+id/detailName"
  40.         tools:text="上演：2000/1/1" />
  42.     <TextView
  43.         android:id="@+id/detailExplain"
  44.         android:layout_width="wrap_content"
  45.         android:layout_height="wrap_content"
  46.         android:layout_marginTop="20dp"
  47.         android:paddingHorizontal="20dp"
  48.         android:textSize="14sp"
  49.         app:layout_constraintEnd_toEndOf="parent"
  50.         app:layout_constraintStart_toStartOf="parent"
  51.         app:layout_constraintTop_toBottomOf="@+id/detailDate"
  52.         app:lineHeight="24sp"
  53.         tools:text="ここにテキストが入ります。ここにテキストが入ります。https://google.com" />
  55.     <Button
  56.         android:id="@+id/btnShare"
  57.         android:layout_width="wrap_content"
  58.         android:layout_height="wrap_content"
  59.         android:text="@string/btn_share"
  60.         app:layout_constraintBottom_toBottomOf="parent"
  61.         app:layout_constraintEnd_toEndOf="parent"
  62.         app:layout_constraintStart_toStartOf="parent"
  63.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  65.     <Button
  66.         android:id="@+id/urlView"
  67.         android:layout_width="wrap_content"
  68.         android:layout_height="wrap_content"
  69.         android:text="@string/btn_url"
  70.         app:layout_constraintBottom_toBottomOf="parent"
  71.         app:layout_constraintEnd_toStartOf="@+id/detailImage"
  72.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  74.     <Button
  75.         android:id="@+id/btnBack"
  76.         android:layout_width="wrap_content"
  77.         android:layout_height="wrap_content"
  78.         android:text="@string/btnBack"
  80.         app:layout_constraintBottom_toBottomOf="parent"
  81.         app:layout_constraintStart_toEndOf="@+id/detailImage"
  82.         app:layout_constraintTop_toBottomOf="@+id/detailExplain" />
  84. </androidx.constraintlayout.widget.ConstraintLayout>

  
  

  lint_item.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:app="http://schemas.android.com/apk/res-auto"
  5.     xmlns:tools="http://schemas.android.com/tools"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="match_parent"
  8.     android:padding="6dp">
  10.     <ImageView
  11.         android:id="@+id/image"
  12.         android:layout_width="50dp"
  13.         android:layout_height="50dp"
  14.         android:contentDescription="@string/image_description"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent"
  17.         tools:src="@tools:sample/avatars"/>
  19.     <TextView
  20.         android:id="@+id/name"
  21.         android:layout_width="wrap_content"
  22.         android:layout_height="wrap_content"
  23.         android:paddingStart="6dp"
  24.         android:paddingEnd="6dp"
  25.         android:textSize="18sp"
  26.         app:layout_constraintBottom_toBottomOf="@+id/image"
  27.         app:layout_constraintStart_toEndOf="@+id/image"
  28.         tools:text="推しの名前"
  29.         />
  31. </androidx.constraintlayout.widget.ConstraintLayout>

  
  

  MainActivity.kt

  1. package com.example.favorites
  3. import android.content.Intent
  4. import androidx.appcompat.app.AppCompatActivity
  5. import android.os.Bundle
  6. import android.widget.ArrayAdapter
  7. import android.widget.SimpleAdapter
  8. import android.widget.Toast
  9. import com.example.favorites.databinding.ActivityMainBinding
  11. class MainActivity : AppCompatActivity() {
  13.     private lateinit var binding: ActivityMainBinding
  15.     override fun onCreate(savedInstanceState: Bundle?) {
  16.         super.onCreate(savedInstanceState)
  17.         binding = ActivityMainBinding.inflate(layoutInflater)
  18.         setContentView(binding.root)
  20.         binding.listView.adapter= SimpleAdapter(
  21.             this, listData, R.layout.lint_item, arrayOf("image","name"), intArrayOf(R.id.image,R.id.name)
  22.         )
  24.         binding.listView.setOnItemClickListener{ _, _, position, _->
  25.             startActivity(
  26.                 Intent(this@MainActivity, DetailActivity::class.java).apply{
  27.                     putExtra("POSITION", position)
  28.                 }
  29.             )
  31.             Toast.makeText(this, "${listData[position]["name"]}を選択しました",
  32.         Toast.LENGTH_SHORT).show()
  33.         }
  34.     }
  35. }

  
  

  DetailActivity.kt

  1. package com.example.favorites
  3. import android.content.Intent
  4. import android.net.Uri // Import Uri
  5. import androidx.appcompat.app.AppCompatActivity
  6. import android.os.Bundle
  7. import com.example.favorites.databinding.ActivityDetailBinding
  9. class DetailActivity : AppCompatActivity() {
  11.     private lateinit var binding: ActivityDetailBinding
  13.     override fun onCreate(savedInstanceState: Bundle?) {
  14.         super.onCreate(savedInstanceState)
  15.         binding = ActivityDetailBinding.inflate(layoutInflater)
  16.         setContentView(binding.root)
  18.         val position = intent.getIntExtra("POSITION", 0)
  20.         val data = listData[position]
  21.         val name = data["name"].toString()
  22.         val date = data["date"].toString()
  23.         val explain = resources.getString(data["explain"].toString().toInt())
  26.         binding.detailImage.setImageResource(data["image"].toString().toInt())
  27.         binding.detailName.text = name
  28.         binding.detailDate.text = getString(R.string.label_date, date)
  29.         binding.detailExplain.text = explain
  31.         binding.urlView.setOnClickListener {
  32.             // URL を取得
  33.             val url = resources.getString(data["url"].toString().toInt())
  35.             // URL を開くための Intent を作成
  36.             val openUrlIntent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
  38.             // Intent を実行
  39.             startActivity(openUrlIntent)
  40.         }
  42.         binding.btnShare.setOnClickListener {
  43.             val subject = "【 ${name}】を布教"
  44.             val message = "舞台タイトル：${name} \n 誕生日:${date} \n\n ${explain} "
  46.             val sendIntent: Intent = Intent().apply {
  47.                 action = Intent.ACTION_SEND
  48.                 putExtra(Intent.EXTRA_SUBJECT, subject)
  49.                 putExtra(Intent.EXTRA_TEXT, message)
  50.                 type = "text/plain"
  51.             }
  53.             val shareIntent = Intent.createChooser(sendIntent, null)
  54.             startActivity(shareIntent)
  55.         }
  57.         binding.btnBack.setOnClickListener {
  58. // Create an Intent to navigate to MainActivity
  59.             val intent = Intent(this@DetailActivity, MainActivity::class.java)
  61.             // Start the MainActivity
  62.             startActivity(intent)
  64.             // Finish the current activity to remove it from the back stack
  65.             finish()
  67.                 }
  68.     }
  69. }

  
  

  Datasource.kt

  1. package com.example.favorites
  3. val listData = listOf(
  4.     mapOf("image" to R.drawable.person1, "name" to "産声フォーユー", "date" to "2023年2月", "explain" to R.string.explain_1, "url" to R.string.url_1),
  5.     mapOf("image" to R.drawable.person2, "name" to "どきまぎメモリアル", "date" to "2023年3月、4月、9月", "explain" to R.string.explain_2,"url" to R.string.url_2),
  6.     mapOf("image" to R.drawable.person3, "name" to "志立彩色女学院アイドル科", "date" to "2023年5月", "explain" to R.string.explain_3, "url" to R.string.url_3),
  7.     mapOf("image" to R.drawable.person4, "name" to "夢ぼくろファンタジア", "date" to "2023年6月", "explain" to R.string.explain_4,"url" to R.string.url_4),
  8.     mapOf("image" to R.drawable.person5, "name" to "鴨川ファイヤーワークス", "date" to "2023年7月", "explain" to R.string.explain_5, "url" to R.string.url_5),
  9.     mapOf("image" to R.drawable.person6, "name" to "高飛車モンスター", "date" to "2023年8月", "explain" to R.string.explain_6, "url" to R.string.url_6),
  10.     mapOf("image" to R.drawable.person7, "name" to "歌舞伎町ビターナイト", "date" to "2023年10月", "explain" to R.string.explain_7, "url" to R.string.url_7),
  11.     mapOf("image" to R.drawable.person8, "name" to "歌舞伎町シュガーナイト", "date" to "2023年11月", "explain" to R.string.explain_8, "url" to R.string.url_8),
  13. )

  閉じる△
  

• 4. 舞台ごとのまとめ+日記つけられるアプリ

  3.でやったこと＋簡単な日記を保存できて、さらにSNSなどに転送できる仕組みを作る

  やったこと

  動いてる様子
  apkファイルの作り方→実機（Android端末）へのインストールと動作確認【Androidアプリ開発】（外部サイト）を参考にした
  pythonよりAndroid Studioの方が体感としてビルドが楽、アプリもちゃんと私物スマホで起動した

  
  

  日記編集ページ.kt

  1. package com.example.diary
  3. import android.content.ContentValues
  4. import android.content.Intent
  5. import android.database.sqlite.SQLiteDatabase
  6. import androidx.appcompat.app.AppCompatActivity
  7. import android.os.Bundle
  8. import android.widget.Toast
  9. import com.example.diary.databinding.ActivityEditBinding
  11. class EditDiary : AppCompatActivity() {
  13.     private lateinit var binding: ActivityEditBinding
  14.     private lateinit var dbHelper: DatabaseHelper
  15.   
  17.     override fun onCreate(savedInstanceState: Bundle?) {
  18.         super.onCreate(savedInstanceState)
  19.         binding = ActivityEditBinding.inflate(layoutInflater)
  20.         setContentView(binding.root)
  22.         intent?.extras?.let {
  23.             binding.diaryDate.setText(it.getString("DIARY_DATE"))
  24.             binding.diaryText.setText(it.getString("DIARY_TEXT"))
  25.         }
  27.         dbHelper = DatabaseHelper(this@EditDiary)//データベースの用意
  29.         //データ保存ボタン
  30.         binding.btnSave.setOnClickListener {
  31.             //入力チェック　未入力あればポップアップ
  32.             if (binding.diaryDate.text.isNullOrBlank() || binding.diaryText.text.isNullOrBlank()) {
  33.                 Toast.makeText(this, "未入力あり", Toast.LENGTH_SHORT).show()
  34.                 return@setOnClickListener
  35.             }
  37.             dbHelper.writableDatabase.use { db ->//データベース開く
  38.                 //保存データの用意
  39.                 val values = ContentValues().apply {
  40.                     put("diary_date", binding.diaryDate.text.toString())
  41.                     put("diary_text", binding.diaryText.text.toString())
  42.                 }
  43.                 //保存&更新（日付が重複したら置き換え
  44.                 db.insertWithOnConflict("items", null, values, SQLiteDatabase.CONFLICT_REPLACE)
  45.                 //mainactivityを表示
  46.                 startActivity(Intent(this@EditDiary, ListDiary::class.java))
  47.             }
  48.         }
  49.         //削除ボタン
  50.         binding.btnDelete.setOnClickListener {
  51.             if (binding.diaryDate.text.isNullOrBlank()) {
  52.                 Toast.makeText(this, "日付が設定されていません", Toast.LENGTH_SHORT).show()
  53.                 return@setOnClickListener
  54.             }
  56.             dbHelper.writableDatabase.use { db ->
  57.                 val params = arrayOf(binding.diaryDate.text.toString())
  58.                 db.delete("items", "diary_date = ?", params)
  59.                 startActivity(Intent(this@EditDiary, ListDiary::class.java))
  60.             }
  61.         }
  64.         //デートピッカーを開く
  65.         binding.diaryDate.setOnClickListener {
  66.             val datePicker = DatePickerFragment()
  67.             datePicker.show(supportFragmentManager, "datePicker")
  68.         }
  70.         //SNSシェアボタン
  71.         binding.btnSns.setOnClickListener {
  73.             val message = binding.diaryText.text.toString()
  75.             val sendIntent = Intent().apply {
  76.                 action = Intent.ACTION_SEND
  77.                 putExtra(Intent.EXTRA_TEXT, message)
  78.                 type = "text/plain"
  79.             }
  80.             val shareIntent = Intent.createChooser(sendIntent, null)
  81.             if (sendIntent.resolveActivity(packageManager) != null) {
  82.                 startActivity(shareIntent)
  83.             } else {
  84.                 // シェア用のアプリが見つからない場合のエラーハンドリング
  85.                 Toast.makeText(this, "シェア用のアプリが見つかりません", Toast.LENGTH_SHORT).show()
  86.             }
  87.         }
  88.     }
  89. }

  
  

  デートピッカー（日付取得）.kt

  1. package com.example.diary
  3. import android.content.ContentValues
  4. import android.content.Intent
  5. import android.database.sqlite.SQLiteDatabase
  6. import androidx.appcompat.app.AppCompatActivity
  7. import android.os.Bundle
  8. import android.widget.Toast
  9. import com.example.diary.databinding.ActivityEditBinding
  11. class EditDiary : AppCompatActivity() {
  13.     private lateinit var binding: ActivityEditBinding
  14.     private lateinit var dbHelper: DatabaseHelper
  15.   
  17.     override fun onCreate(savedInstanceState: Bundle?) {
  18.         super.onCreate(savedInstanceState)
  19.         binding = ActivityEditBinding.inflate(layoutInflater)
  20.         setContentView(binding.root)
  22.         intent?.extras?.let {
  23.             binding.diaryDate.setText(it.getString("DIARY_DATE"))
  24.             binding.diaryText.setText(it.getString("DIARY_TEXT"))
  25.         }
  27.         dbHelper = DatabaseHelper(this@EditDiary)//データベースの用意
  29.         //データ保存ボタン
  30.         binding.btnSave.setOnClickListener {
  31.             //入力チェック　未入力あればポップアップ
  32.             if (binding.diaryDate.text.isNullOrBlank() || binding.diaryText.text.isNullOrBlank()) {
  33.                 Toast.makeText(this, "未入力あり", Toast.LENGTH_SHORT).show()
  34.                 return@setOnClickListener
  35.             }
  37.             dbHelper.writableDatabase.use { db ->//データベース開く
  38.                 //保存データの用意
  39.                 val values = ContentValues().apply {
  40.                     put("diary_date", binding.diaryDate.text.toString())
  41.                     put("diary_text", binding.diaryText.text.toString())
  42.                 }
  43.                 //保存&更新（日付が重複したら置き換え
  44.                 db.insertWithOnConflict("items", null, values, SQLiteDatabase.CONFLICT_REPLACE)
  45.                 //mainactivityを表示
  46.                 startActivity(Intent(this@EditDiary, ListDiary::class.java))
  47.             }
  48.         }
  49.         //削除ボタン
  50.         binding.btnDelete.setOnClickListener {
  51.             if (binding.diaryDate.text.isNullOrBlank()) {
  52.                 Toast.makeText(this, "日付が設定されていません", Toast.LENGTH_SHORT).show()
  53.                 return@setOnClickListener
  54.             }
  56.             dbHelper.writableDatabase.use { db ->
  57.                 val params = arrayOf(binding.diaryDate.text.toString())
  58.                 db.delete("items", "diary_date = ?", params)
  59.                 startActivity(Intent(this@EditDiary, ListDiary::class.java))
  60.             }
  61.         }
  64.         //デートピッカーを開く
  65.         binding.diaryDate.setOnClickListener {
  66.             val datePicker = DatePickerFragment()
  67.             datePicker.show(supportFragmentManager, "datePicker")
  68.         }
  70.         //SNSシェアボタン
  71.         binding.btnSns.setOnClickListener {
  73.             val message = binding.diaryText.text.toString()
  75.             val sendIntent = Intent().apply {
  76.                 action = Intent.ACTION_SEND
  77.                 putExtra(Intent.EXTRA_TEXT, message)
  78.                 type = "text/plain"
  79.             }
  80.             val shareIntent = Intent.createChooser(sendIntent, null)
  81.             if (sendIntent.resolveActivity(packageManager) != null) {
  82.                 startActivity(shareIntent)
  83.             } else {
  84.                 // シェア用のアプリが見つからない場合のエラーハンドリング
  85.                 Toast.makeText(this, "シェア用のアプリが見つかりません", Toast.LENGTH_SHORT).show()
  86.             }
  87.         }
  88.     }
  89. }

  
  

  データベース.kt

  1. //データベースを管理する//
  2. package com.example.diary
  4. import android.content.Context
  5. import android.database.sqlite.SQLiteDatabase
  6. import android.database.sqlite.SQLiteOpenHelper
  8. class DatabaseHelper(context: Context):
  9.     SQLiteOpenHelper(context, DB_NAME, null, DB_VERSION){//データベースを作成するコードの用意//
  10.     //context：コンテキスト、null：表示データのカスタマイズに使うが基本nullでOK//
  11.         companion object {
  12.             private const val DB_NAME = "diary.sqlite"//DB_NAME：データベース名//
  13.             private const val DB_VERSION = 1//DB_VERSION：バージョンを整数で指定//
  14.         }
  16.     override fun onCreate(p0: SQLiteDatabase?) {
  17.         p0?.let{
  18.             it.execSQL("CREATE TABLE items(" +"diary_date TEXT PRIMARY KEY, diary_text TEXT)")
  19.             //テーブルを作る、データベースを変更するためのSQL文//
  20.             //primary keyはデータを重複させないようにする、ここでは日付のカラムにつけて同じ日付のデータが入らないようにする//
  22.             it.execSQL("INSERT INTO items(diary_date, diary_text)" +
  23.                     "VALUES('2024/01/01', 'テスト１')")
  24.             it.execSQL("INSERT INTO items(diary_date, diary_text)" +
  25.                     "VALUES('2024/02/01', 'テスト2')")
  26.             //データを追加//
  27.         }
  28.     }
  30.     override fun onUpgrade(p0: SQLiteDatabase?, p1: Int, p2: Int) {
  31.     }
  32.     }

  
  

  日記ホーム画面.kt

  1. package com.example.diary
  3. import android.content.Intent
  4. import android.os.Bundle
  5. import androidx.appcompat.app.AppCompatActivity
  6. import androidx.recyclerview.widget.DividerItemDecoration
  7. import androidx.recyclerview.widget.LinearLayoutManager
  8. import com.example.diary.databinding.ListDiaryBinding
  9. import com.example.diary.recyclerview.MylistAdapter
  11. class ListDiary : AppCompatActivity() {
  13.     private lateinit var binding: ListDiaryBinding
  14.     private lateinit var dbHelper: DatabaseHelper
  16.     override fun onCreate(savedInstanceState: Bundle?) {
  17.         super.onCreate(savedInstanceState)
  18.         binding = ListDiaryBinding.inflate(layoutInflater)
  19.         setContentView(binding.root)
  21.         val data = mutableListOf<Map<String, String>>()//データベースから取り出したデータを入力
  23.         dbHelper = DatabaseHelper(this@ListDiary)//データベースの用意
  24.         dbHelper.readableDatabase.use{ db ->//データを読み込む
  25.             val cursor = db.query(//テーブル名、取得カラム、検索条件、検索条件に伴う値、グループ化、グループ化の条件、並び順、取得件数
  26.                 "items", null, null, null, null, null,
  27.                 "diary_date DESC", null//DESCは降順
  28.             )
  30.             cursor.use{//データの取得
  31.                 while(it.moveToNext()){//1行ずつデータを取り出す
  32.                     data.add(mapOf("date" to it.getString(0),"text" to it.getString(1)))
  33.                 }
  34.             }
  35.         }
  37.         binding.recyclerView.layoutManager = LinearLayoutManager(this)
  38.         binding.recyclerView.adapter = MylistAdapter(data)
  40.         val dividerItemDecoration = DividerItemDecoration(this@ListDiary, DividerItemDecoration.VERTICAL)
  41.         binding.recyclerView.addItemDecoration(dividerItemDecoration)
  43.         binding.fab.setOnClickListener {
  44.             startActivity(Intent(this@ListDiary, EditDiary::class.java))
  45.         }
  47.         binding.home.setOnClickListener {
  48.             startActivity(Intent(this@ListDiary, MainActivity::class.java))
  49.         }
  50.     }
  51. }

  閉じる△