nishiikatsumi-program's diary

Long Live Programming

Flutter UI作成の動画

Udemyなどの教育動画サイトで、プログラミング講習を受けることが多くなった。

ただし、値段はセールの時でも、そこそこするので、YouTubeで探してみた。

 

そうすると、結構、面白い動画あるので、今回紹介する。

それは、Flutter Wayチャンネルの動画。

 

今まで動画って、簡単なアプリかあるいはAPIの紹介ってのが多かったと思うが、

このチャンネルは本格的は、UIの実装を映像化している。

 

30分程度の動画だが、ためになること間違いなし。

では、いくつかあげておく。

 

www.youtube.com

 


Plant App - Flutter UI - Speed Code

 


Flutter Fully Responsive Design UI - Mobile, Tablet and Web😎

 

他にもたくさんある。

最近、Flutterを調べています。

最近、Flutterに取り組んでいます。kotlinでのプログラミングよりも環境がいいから。

かなり直感的にコーディングできることがいい。

 

ただ、FlutterのUIを作ろうとすると、結構手間がかなり複雑なものになりやすい。

最終版を見て、そこからUIをイメージするのはかなり困難だ。

 

そんな中で、FlutterのUIをGUIで組めるソフトの動画が公開されていた。


FlutterFlow Demo: Firebase Integration

 

FlutterFlowチャンネルで他の動画も公開されている。

FlutterFlow自体は有償だと思うけど、GUIでUIを組んで、UIのソースコードを出力する仕組みは興味深い。

 

この動画ではFirebaseとの連携も簡単にできる様子も紹介されていた。

プログラミング能力よりもセンスが重要視される時代が来るかもなと思いつつ。

Android Image Viewの警告 Missing contentDescription attribute on image

AndroidのImage Viewを使用した際、表題の警告が表示されたので、Google検索で調べた結果、まとめてくれていたブログがあったので、それをこちらにリンクする。

programming-cafe.com

とくにcontentに対するToolTipsをつけなくてもよかったので、@nullに設定した。

設定方法に関しては、上記のブログを参考にしてほしい。

72024344.at.webry.info

Android プログラミング Layout関連のメモ

Constraint Layoutの概要ページ

https://developer.android.com/training/constraint-layout?hl=ja

yuki312.blogspot.com

minpro.net

 

Linear Layoutの概要ページ

https://developer.android.com/guide/topics/ui/layout/linear?hl=ja

Linear Layout Param

https://developer.android.com/reference/kotlin/android/widget/LinearLayout.LayoutParams?hl=ja

android.keicode.com

techacademy.jp

 

Table Layoutの概要ページ

https://developer.android.com/guide/topics/ui/layout/grid?hl=ja

Table Layout

https://developer.android.com/reference/kotlin/android/widget/TableLayout?hl=ja

techacademy.jp

akira-watson.com

 

 

 

Android プログラミング 音を出すためのクラス

SoundPool

https://developer.android.com/reference/kotlin/android/media/SoundPool

Builderメソッド

https://developer.android.com/reference/kotlin/android/media/SoundPool.Builder

loadメソッド

https://developer.android.com/reference/kotlin/android/media/SoundPool#load(android.content.res.AssetFileDescriptor,%20kotlin.Int)

playメソッド

https://developer.android.com/reference/kotlin/android/media/SoundPool#play(kotlin.Int,%20kotlin.Float,%20kotlin.Float,%20kotlin.Int,%20kotlin.Int,%20kotlin.Float)

 

akira-watson.com

little-strange.hatenablog.com

 

AudioAttributes

https://developer.android.com/reference/kotlin/android/media/AudioAttributes

 

MediaPlayer

developer.android.com

https://developer.android.com/reference/kotlin/android/media/MediaPlayer?hl=ja

 

 

 

Android プログラミング findViewByIdに関して

findViewByIdの解説ページ

https://developer.android.com/reference/kotlin/android/view/View#findViewById(kotlin.Int)

 

build.dradleにkotlin-android-extensionsを設定するとfindViewByIdを使用しなくてもいい。

 

https://kotlinlang.org/docs/tutorials/android-plugin.html

qkuronekop.hatenablog.jp

qiita.com

 

Android プログラミング MainActivity作成時に記載されるライブラリ

android.os.Bundle

https://developer.android.com/reference/kotlin/android/os/Bundle

 

android.support.v7.app.AppCompatActivity

https://developer.android.com/reference/android/support/v7/app/AppCompatActivity

2020年3月28日時点ではObsolete。

JetPackを推奨されている。

developer.android.com