Hatena Blog Tags
はてなブログ トップ
JetpackCompose
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

JetpackCompose

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Safie Engineers' Blog!•5ヶ月前

Jetpack Composeでドラッグ＆ドロップで要素の並び替えが可能なリストやグリッドを作る

この記事はSafie Engineers' Blog! Advent Calendar 10日目の記事です こんにちは！Safie（セーフィー）でモバイルアプリの開発をしている河原(@rui_qma)です。 🚀 はじめに：なぜComposeでドラッグ＆ドロップが必要なのか 従来のViewシステムとの壁 AndroidチームではAndroid ViewベースのUIから Jetpack Compose ベースのUIへの移行を進めています。 弊社のプロダクト「Safie Viewer（セーフィー ビューアー）」のカメラ一覧画面には、カメラの順番をドラッグ＆ドロップ（D&D）によって並び替える機能があ…

#JetpackCompose#Android#Kotlin#アドカレ

関連ブログ

AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•6ヶ月前

KotlinとJetpack Composeでバースデーカードを作る

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強を進めました。少しずつですが、コードの意味がつながってきたような気がします。 今回のテーマは、Kotlin と Jetpack Compose を使ったアプリ画面の仕組み について。 ――― 実際に書かれているコードを、上から順番に理解していく形で学びました。 内容を整理すると、こんな感じです。 １．MainActivity：画面全体の枠組みを作る部分。２．setContent：ComposeでUIを作り始める合図のようなもの。３．GreetingImage（in MainActiv…

#Android開発#Kotlin学習#JetpackCompose#AI副業チャレンジ#アプリ制作記
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•6ヶ月前

ハードコードをやめて、リソース管理の大切さを学ぶ

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強を進めました。テーマは 「適切なコードプラクティスを採用する」。内容としては、アプリを翻訳しやすく、管理しやすくするための「ハードコードを避ける」考え方について学びました。 ――― 「ハードコード」というのは、アプリのコード内に直接テキストを書くことを指します。 たとえば、 Text("Happy Birthday Sam!") のように、文字列をそのまま書き込んでしまうやり方です。 最初のうちは分かりやすく感じますが、これをやってしまうと 翻訳や再利用がとても難しくなる そうです。…

#Android開発#JetpackCompose#Kotlin学習#コード設計#AI副業チャレンジ
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•6ヶ月前

修飾子と属性の違いが、少し見えてきた日

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で学習を進めました。テーマは、不透明度の変更・画像の拡大縮小・修飾子（Modifier）の理解。ひとことで言うと、「見た目をどうコントロールするか」を学ぶ一日でした。 ――― まず最初に取り組んだのは、画像の拡大縮小です。ContentScale にはさまざまな種類がありますが、今回はContentScale.Crop を使用しました。 これは、画像のアスペクト比を維持したまま、画面の幅や高さと等しいか、それ以上になるように均等に拡大する設定です。つまり、「画面いっぱいに自然に広がる背景画…

#JetpackCompose#Kotlin学習#Android開発#UIデザイン#AI副業チャレンジ
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

フォントサイズとUI階層、そしてラムダ式に出会う

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で Kotlin と Jetpack Compose の勉強をしています。今回は「フォントサイズの変更」「UI階層」「ラムダ式」の3つを中心に学びました。一見バラバラな内容ですが、どれもアプリの見た目や動きを理解するうえで大事なポイントです。 ――― まずは フォントサイズの変更 から。 Compose では文字サイズを設定するときに「sp（拡張可能ピクセル）」と「dp（密度非依存ピクセル）」という単位を使います。デフォルトでは同じサイズですが、sp の方はユーザーがスマホの設定で文字サイ…

#Kotlin学習#JetpackCompose#Android開発#プログラミング初心者#AI副業チャレンジ
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

昨日のコードを分解して理解を深める

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強しています。昨日の「Happy Birthday Card」のコードが、どういう構成で動いているのかが気になって、Geminiに質問しながら全体の流れを整理してみました。 ――― まず、import部分。ここは、他のファイルやライブラリにあるクラスや関数を利用するための“おまじない”のような部分です。ここで必要な機能を読み込んでから、アプリ全体が動き出します。 次に、class MainActivity。これはAndroidアプリのメインエントリーポイント、つまり「アプリが最初に動き…

#Android開発#Kotlin学習#JetpackCompose#プログラミング初心者#AI活用学習
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

「意図が分からない作業」との格闘

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強です。今日の課題は、昨日のコードを少し添削して、昨日とは違う表示をさせてみよう──軽い気持ちで始めたのですが、これがなかなか上手くいかず……。 Gemini に聞きながら、試行錯誤すること約1時間。ようやく思った通りの表示にたどり着きました。 ――― ただ、問題は「なぜそうなるのか？」がいまいち分からないことです。書いてある通りにコードを入力すれば、確かに動くのですが、「この修正は何を意図しているのか？」「どうしてこの1行を追加する必要があるのか？」という部分が、まだ霧の中です。 ―…

#Android開発#Kotlin学習#JetpackCompose#プログラミング初心者#AI活用学習
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

少しずつComposeの世界が見えてきた

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強しています。ここ数日は「Jetpack Compose」について学んでいるのですが、ようやく少しずつ“どういう仕組みでUIが動いているのか”が見えてきました。 ――― 最初は、ただ横文字ばかりで混乱していたのですが、関数にアノテーション（＠Composable）を付ける意味や、UIを小さな部品（コンポーザブル）として組み合わせて作る考え方など、だんだん頭の中でつながってきました。 「画面に見える部分」と「プログラムとしての処理」をどう分けて考えれば良いのかも、少しずつ分かってきた気が…

#プログラミング初心者#Android開発#Kotlin学習#JetpackCompose
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

横文字に翻弄されながらも少しずつ理解中！

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今日も Android Developers で勉強しています。 今日のテーマは「UI」と「Jetpack Compose」。アプリの見た目や操作部分に関わるところですね。 ――― まず「UI」とは、 画面上に表示されている“見るもの・操作するためのボタン”など、すべてを指す ということ。ようするに、アプリを触る人が実際に見る・触れる部分のことです。 ――― 次に「Jetpack Compose」。これは Android でUIを作るための“最新のツールキット”とのこと。 「Compose」には「組み合わせる」「構成する」という意味が…

#プログラミング初心者#JetpackCompose#Android開発#Kotlin学習
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•7ヶ月前

初めてのカウンターアプリ作りに挑戦！

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 最近の勉強のアウトプットとして、「カウンターアプリ」を作ってみることにしました。「ボタンを押すと数字が増えるだけ」という、とてもシンプルなアプリです。けれど、私にとっては初めての本格的なアウトプットになります。 ――― まずは大筋のコードを Gemini にお願いして出してもらいました。そのコードをそのまま Android Studio に貼り付けて実行してみます。 すると、出てきたのは… file:///C:/Users/kouhe/AndroidStudioProjects/CounterApp/app/src/main/java…

#副業チャレンジ#AndroidStudio#Kotlin学習#JetpackCompose#アプリ開発初心者