→ウィジェット
わんぱく Flutter！ 第二回 Widget を試してみよう！ さて、第一回では、通例のインストールを行いました。最後に動作確認をしましたが、そのアプリケーションをちょこちょこ変更しながら、Flutter に用意されている Widget を試してみましょう。 1. サンプルプログラムの概観 動作確認用に作成した flutter_app を開きましょう。第一回から続けて読んでいる方は、開いている状態でしょう。 恐らく、目の前には main.dart ファイルのプログラムが見えているはずです。見えていない方は、ウィンドウ左側のツリーメニューから、"Project" - "flutter_app…
方法 TAGETS > Widget > Build Phases > Link Binaly With Libraries のプラスボタンを押してライブラリを追加する。 使える。
こんなアプリ iOSのホーム画面を彩るよ WidgetSm...アプリに似てるけど、それより全然カスタマイズ幅が広い！ さらにフリー！ 日本語で使いやすい！ 使用方法 手順１：「ウィジットを作成する」ボタンを選択 メイン画面 手順２：カスタマイズして保存登録する。 作成画面 手順３：ホーム画面に戻って、先程、保存登録したサイズを指定する。 ホーム画面編集で、＋ボタンタップからくる画面 WidgetOne選択画面 手順４：設定したWidgetを長押しして、「ウィジェットを編集」を選択する。 設定したWidgetを長押し時 手順５：保存登録したものを選択すれば終了。 選択後のホーム画面 選択後のホ…
2回目のTechBlog投稿になります。桐山です。 外は寒くなってきたのに、部屋の日当たりが良すぎて部屋が暑いのが最近の悩みです。 iOS 14の目玉機能と言っても過言ではないWidget機能をFammでもリリースしたので、リリースまでの話とそれからの話をしてみようと思います。
初めまして、伊浦です。iOS14の大型アップデート１か月が経ちましたが皆さんは自分の思うように活用できていますでしょうか？気になって調べてはみたものの、手間がかかりそうでなかなか手が出せなかったり、どこか少し気恥しかったり、そんな理由でウィジェットを活用できていない方を多く見かけます。そこではシンプルで美しいおすすめウィジェットアプリたちを厳選してきましたので紹介したいと思います。 目次ウィジェット界の帝王 Widgetsmith最も見やすいお天気ウィジェット weathernews友達に「何それ⁉」と言わせる不思議なウィジェット Yidgetシンプルイズベストなカレンダー Ermine実は優…
今回は、前回の Widget Configuration まとめ Part1 に続き、後半の内容をまとめていきたいと思います。 developer.apple.com 目次 Widget Configuration UI のタイトルや内容背景の色などをカスタマイズする方法について Widget System Intelligence について Widget Configuration UI のタイトルや内容背景の色などをカスタマイズする方法について Text SwiftUI 変更のうち "configurationDisplayName" および "description" を、Widget …
今回は、iOS14 の新機能として注目されている Widget について調べたことを簡単にまとめてみようかと思います。なお、本記事では Widget の実装について詳しくは記載していないので、また別の機会に書こうかと思います✍️ 目次 ３つのポイント Widget の定義 考慮すべき３つの Views Widget のカスタマイズと Stack でインテリジェンスを伝える方法 ３つのポイント Glanceable ユーザは1日あたり平均で90回以上ホーム画面を見るが、そのほとんどは本の一瞬です。そのため、一目で分かるようなユーザインターフェースにすることを心がける必要があります。ボタンタップや…
TRILL開発部の石田です。 TRILLでは、ver.3.5.0でiOS14で新しく登場したWidgetに対応しました。 もともとToday Extensionには対応していたのですが、Widget Extensionは新しい機能ということでデザインや実装を見直しました。 Widget自体はWidgetKitフレームワークとSwiftUI用のウィジェットAPIを使って実装していくのですが、以下ではWidgetの実装で悩みやすい部分についてサンプル実装を紹介したいと思います。 サイズごとに別のViewを実装する WidgetにはSmall、Medium、Largeの3種類のサイズがあります。 デ…
こんにちは、rinoguchi です。過去二回は、Dataprocの話 や 名寄せの話 などを書いたりしてました。 今回は趣向を変えて、子供のお勉強時間を管理するために iOS／Androidで動くネイティブアプリを Flutter で作ったので、その話をしようと思います。 Flutter の特徴 作ったもの 基礎的な構成を確認する アラームを鳴らす方法 通知を行う方法 懺悔 感想 さいごに 最終的に作ったアプリは、以下のようなものです。 Flutter の特徴 まずは、Flutter を知らない人のために、Flutter の特徴を紹介しておきます。 【○】一つのコードベースで、クロスプラット…
はじめに こんにちは、とりかつ(@torikatsu923)です。 私はStateNotifier+Riverpod+Freezedを使用してMVVMライクにFlutterアプリを開発しています。 4月の頭にriverpodが0.13.1+1から0.14.0にアップデートされたのですが、このアップデートでは破壊的変更が入っていました。 この破壊的変更に気づかず、いつものようにRiverpodのproviderからStateNotifierを取得しようとしたところ、うまく取得できずに沼にハマりました。 この記事を執筆したのは4/19日ですが、どうやら公式docはこの破壊的変更に対応していないよう…
＜前文＞ 牛は食べて良くて馬は食べたらいけない件について 今の日本のクリエーターが最も恐れる事の一つにネットの炎上が挙げられると思います。 しかも炎上は国内だけじゃなくて海外から起きる事もちょくちょくです。ネットで作品を発表する人達にとって、炎上するかしないかはほとんど運まかせです。この海外からの炎上は主に、中国、イスラム圏、そして英語圏がありますが、アメリカに10年暮らしていた私は、この英語圏の炎上を防ぐためのアドバイスはかなり的確に出来ます。 今回はその話です。 アメリカ人はいつも激高しているように思う日本人も多いと思いますが、実際はアメリカ人が激怒するのは非常に稀です。 それにはれっきと…
概要 QtPyでQThreadを使う例です．
Lesson 1で学ぶこと パーツについて TextView Button Lesson 1 Step by Step実装 画面作成 画面修正 イベント処理 画面更新 code Lesson 1で学ぶこと パーツ(TextView, Button)について 新規Activityの追加について レイアウトの配置の追加・修正の方法について Step by Stepで実装 ↓ Lesson1 アプリ パーツについて TextView テキストを表示するView テキストを設定するメソッド public final void setText (CharSequence text) TextView |…
本講座の背景・目的・目標 Android Studioのインストール アプリの作成 Emulatorの導入 Androidの3大ファイルについて AndroidManifes javaファイル resファイル drawable layout values アプリの実行 まとめ 本講座の背景・目的・目標 ◆背景 開発初心者がAndroidを体系的に学べる教材がなかったので、なんとかしたい。 ◆目的 Androidアプリ開発に必要な知識を体系的に身につける Step by Step実装で最初の一鍬を楽にする コーディングの習慣化、そして、プログラミングを楽しむ！ ◆目標 Androidアプリを一人…
おはようございます。6度目のコーセーです。 早速本題。 iPhoneのホーム画面を「スヌーピー」「ムーミン」などの“かわいい”に！きせかえアプリ「Widget Playtoys」が登場について考える 『スヌーピー』や『ムーミン』とコラボしたiPhone向けホーム画面きせかえアプリ「Widget Playtoys」が登場した。 「Widget Playtoys」では、アイコンや壁紙、時計やカレンダーなどのウィジェットを大好きなキャラクターのデザインにきせかえできる。キャラクターは、毎週更新される。 色や背景・フォントなど全てデザインされたウィジェットのため、ホーム画面が一瞬で凝ったデザインに。難…
動機としてはNavigationRailとExpansionTileを組み合わせて、 尚且つ、それぞれのExpansionTileの選択状態が連動させたいということでした。 以前の記事で、左メニューの閉開部分だけ作りましたが、 NavigationRailのソースを一部抜粋したみたいなwidgetでした。 今回はそれと、flutter_sidebar pub.dev のソースを利用し、さらにriverpod,flutter_hooksを組み合わせました。 flutter_sidebarだけだと左メニューが完全に消えてしまう パターンしかできなそうでした。 そうではなくて、firebaseの管理…
弊社では昨年９月にふりかえることで思考の”質”を高めるアプリ「Stockr」をリリースしました。 そこで、Flutterを用いた開発エピソードをご紹介します。 自己紹介 こんにちは、エンジニアの河村です。大学4年次からアルバイトで参画し、Stockr開発をメインで担当しています。この4月から正式入社となりました！ 最近、VR(Oculus Quest2)を購入しまして、運動不足解消に励んでいます💦 Fllutterを採用した経緯 Flutter では、クロスプラットフォーム技術によりAndroidとiOSを同時に開発することが出来ます。また、ソースコードを保存すると、リアルタイムでアプリに反映…
Table of Contents 講義の進行-微分積分学I.2021 昨年度の情報 1回目 (2021.4.15) 以下の進行は，昨年度オンライン講義でおこなった講義の進行結果です。 2回目 3回目 4回目 レポートと学生証の画像の提出お願いします。 講義内容 5回目 先週のこと 講義内容 6回目 先週のこと お知らせ 講義内容 7回目 先週のこと お知らせ 講義内容 8回目 先週のこと お知らせ 出席 講義内容 9回目 先週のこと お知らせ 出席 去年の板書 講義内容 10回目 先週のこと お知らせ 出席 去年の板書 講義内容 11回目 先週のこと お知らせ 出席 去年の板書 講義内容 1…
Flutterが急成長 2018年にGoogleがリリースしたアプリケーションフレームワーク「Flutter」が今世界中で注目を集め、驚異的なスピードで急成長しています。 // 上のGoogleTrendsはアメリカにおけるFlutter, ReactNative, Kotlinの５年間のトレンドの結果を示しています。この結果を見れば、ReactNativeとKotlinが近年において下向トレンドなのに対し、Flutterが急激に成長しているのが分かります。またIT大国の中国や、インドでもFlutterは人気沸騰中です。 flutternyumon.com ホットリロードによる開発時間の削減 …
エキサイト株式会社のメディア事業部でモバイルアプリ開発をおこなっている、辻です。 日時や時刻の選択を行うDatePickerは、モバイルアプリやWebアプリ等、フロントエンドでは使用することの多いUIコンポーネントだと思います。 今回はそんなDatePickerをFlutterで利用する際の、色の変更方法について書いていきます。 DatePickerの使用 FlutterでDatePickerを使用するためには、showDatePicker()を、DatePickerを表示したいタイミングで呼び出します。 final selectedDate = await showDatePicker( c…
画面下部に表示するナビゲーションバーとメインのコンテンツに当たるWidgetでソースを分けたい場合の実装方法となります。 ナビゲーションバーに対してアイコンをタップするなどの操作した結果を親となるWidgetが受け取る仕組みになっています。 ◇親となるメインウィジェット ◇参照するナビゲーションバーウィジェットアイコンのタップを検知して親ウィジェットのイベントを走らせます。イベントの引数にインデックスを渡すことで、どのアイコンがタップされたかを識別できるようにします。bottom_navi_bar.dart ◇完成形イメージこんな感じになります。 この記事がお役に立てていたらうれしいです。
わんぱく Flutter！ 第四回 いきなりっ！ 画像認識をしてみよう。 これまでで、基本的な Flutter の使い方をやってきました。あとは、たくさん用意されている Widgets を使いこなすだけですが、Flutter の魅力の一つに、パッケージがあります。Flutter も Python と同じようにパッケージを読み込むことで、簡単に機能拡張を行うことができます。今回は、Google が買収した Firebase に用意されている機械学習(Machine Learning)機能のひとつ、画像認識をしてみようと思います。 1. Firebase を使えるようにする Flutter から …
こんにちは、モバイルクライアントグループのリーダー大石です。 春から息子が就活を始めたので親としては期待と不安が入り混じる季節です。 今回はモバイルクライアントグループで何をどのような体勢で開発しているか、どのような取り組みをしていたか昨年度を例にご紹介します。 開発しているプロダクト 学ぶ喜びをすべての人へという弊社のミッションのもとに、以下のプロダクトを開発しています。 Studyplus Porto プラットフォーム Android/iOS Android/iOS 開発環境 Kotlin/Swift Flutter 概要 勉強記録・学習管理アプリ 参考書読み放題サービス URL http…
feed.mikle.com
satoshi.blogs.com
satoshi.blogs.com
www.itmedia.co.jp
www.cyanworks.net
dev.classmethod.jp
www.feedforce.jp
www.widgetbox.com
u-note.me
