移転先のブログのリンクはこちらです。 tamappe.com

SwiftUI での List と NavigationLink について調べてみました。 List は UIKit では UITableView に該当するコンポーネントです。 NavigationLink は NavigationView と一緒に使うコンポーネントで UIKit でいうことの push 遷移を実装できます。 今回は Li…

今回はVStackに配置されているViewの位置の変更について観ていきます。 Flutterではそもそもプロパティとして用意されていた記憶があります。 tamappe.hatenadiary.com こちらです。 VStack VStack はViewを縦に並べるレイアウトコンポーネントです。 基本は…

今回はSwiftUIでカウンターアプリを作ってみた。 使ったコンポーネントは VStack (縦に並べるもの) Text (カウンター表示用) Button (タップしてカウンターを増減させる) 出来上がった画面は次の通りである。 カウンターアプリ 書いたソースコードはこちらで…

今日からしばらくSwiftUIのコンポーネントについて学習していきます。 【目次】 Textの使い方 プロパティの定義 Textの使い方 今回は Text についてです。 import SwiftUI struct ContentView: View { var body: some View { Text("Hello, world!") .bold() …

【目次】 振り返り 1月に行ったこと 2月に行ったこと 3月に行ったこと 4月に行ったこと 5月に行ったこと 6月に行ったこと 全体の振り返り 振り返り こんばんは、Tamappeです。 もう7月も中盤に差し掛かっていますが、まだ2020年の前半を振り返っていませんで…

【目次】 今後このブログでの情報発信の方向性 サロンの内容と期待していること ブログの方向性について iOSエンジニアとFlutter 今後このブログでの情報発信の方向性 はてなではまだ公表はしていないが、僕は最近noteで記事を書くようになりました。 note.c…

WWDC 2020 日程について 今年の WWDC 2020 の日程は日本時刻6/23(火) 2.am - 6/27(土)までです。 日本時刻の6/23(火)深夜2時から WWDC の Keynote が始まったので気合と根性で睡魔と戦いながらリアルタイムで見てました。 Keynote のビデオ https://develope…

【目次】 What's new in PencilKitを見た感想 新しい機能 指の認識が可能かどうか その他感想 What's new in PencilKitを見た感想 日本時刻の6月23日2時からWWDC 2020 が始まった。 WWDC 2020 オープニング動画の感想はまた別の記事で書きますが、今日はオー…

開発しているアプリでListの要素をランダムシャッフルして格納し直す必要が出てきたので ランダムにシャッフル出来ないのかを調べてみました。 List _shuffle(List items) { var random = new Random(); for (var i = items.length - 1; i > 0; i--) { var n…

【目次】 ワイヤレス充電器Anker PowerWave 10 Stand を購入した ワイヤレス充電の対応機種 ワイヤレス充電のイケてるところ ・ iPhoneSE の充電ケーブル差込口が汚れないこと。 ・スタンドに置くだけで充電できる手頃さ ワイヤレス充電のイケてないところ …

【目次】 接触確認アプリをiOS版でダウンロードしたので早速レビューしてみる 接触確認アプリのインストールページ 接触確認アプリのスペックについて 接触確認アプリをちょっと使ってみての感想 開発者視点の感想 接触確認アプリをiOS版でダウンロードした…

PythonでFireStoreにデータを保存するスクリプトをまとめてみた APIを作成するためにPythonでFireStoreにデータを保存するスクリプトを作りました。 スクリプトがあればサクッとFireStoreにデータを保存できてAPIとして活用できます。 参考ページ Firebaseの…

PythonでYoutube Data APIを使ってYoutubeのチャンネル動画一覧を取得する Youtubeの特定チャンネルの動画一覧が欲しかったのでPythonでスクリプトを作ってみました。 自分へのメモ用です。 使うためにはGoogle developer Console から APIキーを取得する必…

前提 Flutter コマンドを叩ける状態にしておく コマンド Flutterパッケージのあるディレクトリで次のコマンドを叩く $ flutter channel master flutter をアップグレードします。 $ flutter upgrade Web サポートを有効にします。 $ flutter config --enable…

Flutter パッケージのダウンロードページ Flutter パッケージのダウンロードページ flutter.dev FlutterパッケージをDLしてパスを通す。 Flutter パッケージのあるディレクトリーで次のコマンドを叩く export PATH="$PATH:`pwd`/flutter/bin" これで flutter…

FlutterのProviderパターンを3分で理解する Flutter 初心者にとって Provider の扱いはとても難しく思うはず。 僕も例外なく Flutter 学習初めの頃は Provider を見てもあまり魅力を感じなかった。 今回はその Provider について理解できるようにすることが…

【目次】 7年前は初心者だった僕へ伝えたい6つのこと プログラミングの上達法は継続すること フロントエンドの技術の変遷はやっぱり激しい どこまでいってもこの世界は10代・20代が最高に強い 最新技術が出てきたら迷わず時間を投資すること 20代は年収を気…

ボタンにアニメーションを追加する 本当はボタンに1回転のアニメーションを入れたかったのですが、Animation の回転が思わぬ位置に止まったので諦めました。 なので前回紹介したフリップのアニメーションを使ってボタンにアニメーションをかけます。 前回の…

フリップアニメーションを簡単に作れる flip_card を使ってみる 今作っているナンバーズアプリでカードにアニメーションを入れたいのでアニメーションの入れ方を調査しました。 調査しているうちにシンプルなパッケージがありましたので簡単に紹介してみます…

ゲームロジックを組み立てる 今日はナンバーズアプリのゲームロジックを組み立てます。 【目次】 ゲームロジックを組み立てる 正解のロジック ゲームロジック 前回の記事はこちらになります。興味があったら読んでね。 tamappe.hatenadiary.com このゲームで…

【目次】 メインのゲーム画面のデザイン GridView で作る 番号のボタンを GridView で作る 盤面 GridView のソースコード ボタン NumberButton のソースコード カウント画面からゲームプレイ画面への画面遷移 作ったあとの感想 メインのゲーム画面のデザイン…

【目次】 緊急事態宣言の解除と日経平均株価 積立NISAかIDECOのどちらを運用しようか迷う 普通の株式投資は20%課税 それに対して、積立NISAというのは 今が投資のやりどきかもしれない 緊急事態宣言の解除と日経平均株価 先日の25日に東京の緊急事態宣言が解…

目次 Flutter でカスタムフォントを使う方法 フォントを指定して使う方法 カスタムフォントをダウンロードして使う方法 Flutter でカスタムフォントを使う方法 今回は Flutter でカスタムフォントを使う方法について紹介します。 Flutter は何もフォントを指…

Flutter で Cannot provide both a color and a decoration エラー？ どうやってwidgetに枠線+背景色をつけたら良いでしょうか。 Flutter で Cannot provide both a color and a decoration エラー？ Flutter で書いている時に Cannot provide both a color …

【目次】 Flutter でサークルプログレスバーにアニメーション処理を追加して動かしてみる ソースコード 円のクラス CircleProgress カウント画面 StartCountPage スタート画面 main.dart アニメーション処理の解説 Flutter でサークルプログレスバーにアニメ…

目次 Flutter でアニメーションを実装できる AnimationController を説明してみる AnimationController とは AnimationController の基礎 mixin の適用 AnimationController を宣言する Listener を追加する forward() でアニメーションを開始させる 今回は …

CustomPainter を使ってサークルプログレスを作成する 今回は前回に学習した CustomPainter を使って実際にサークル状のプログレスの雛形を作成していきたいと思います。 tamappe.hatenadiary.com 作ったファイルは circle_progress.dart になります。 circl…

アフターコロナ時代のモチベーションを高く維持する方法について考察する モチベーション低下の原因 僕の場合は 目標を作る方法 目標を作ってみる 達成した場合にどう変わるのかをイメージする アフターコロナ時代のモチベーションを高く維持する方法につい…

CustomPainterの使い方 実際に円を描く 四角を描く場合 今日はペイント関連で好きな図形を描けるクラス CustomPainter について学習します。 api.flutter.dev CustomPainterの使い方 CustomPainter クラスを扱う場合は基本これを継承したサブクラスの中で実…