並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 44件

新着順 人気順

Widgetの検索結果1 - 40 件 / 44件

  • Flutter開発する前に知っておきたい35のWidget一覧 - Qiita

    運よくFlutterでの開発プロジェクトに参加できましたので、Flutter開発する前に知っておきたいWidget集をまとめます。 それぞれのWidgetがどんなものなのか、イメージが湧けば十分だと思いますので、画像中心でいきます。 Widgetについて、公式のWidget catalogに詳しくまとまっています。 また、YouTubeでもWidget of the Weekとしてまとめられていますので、こちら全てチェックすることをおすすめします。 個人の見解でWidgetを選定していますのでご了承ください。 Layout系 Align

      Flutter開発する前に知っておきたい35のWidget一覧 - Qiita
    • ノーコードで自分専用ダッシュボードを作成&公開できる「Widget Board」を使ってみた! - paiza times

      どうも、まさとらん(@0310lan)です! 今回は、誰でもお手軽に自分専用のダッシュボードを作成できるWebサービスをご紹介します! さまざまな機能をブロック化したウィジェットを画面にペタペタと配置していくだけで、タスク管理・情報収集・旅行計画・エンタメ…など、多彩な用途に活用できるボードを作成できるのが大きな特徴です。 自由にデザイン可能なダッシュボードにご興味ある方は、ぜひ参考にしてみてください! 【 Widget Board 】 ■ダッシュボードの作成例 「Widget Board」の詳しい使い方を解説する前に、まずはどのようなダッシュボードが作れるのかサンプル例をいくつか見てみましょう。 以下はToDoやカレンダーなどのウィジェットを組み合わせて、自分だけのタスク管理ボードを作成した例です。 他にも、時計・検索ボックス・テキストエディタなどのウィジェットも提供されているので、組み

        ノーコードで自分専用ダッシュボードを作成&公開できる「Widget Board」を使ってみた! - paiza times
      • Figma からアイコンの画像を生成して GitHub の PR を作る Widget の作り方 - KAKEHASHI Tech Blog

        はじめに こんにちは、Pocket Musubi エンジニアの関(@sekikazu01)と申します。 「あ〜アイコン大量に増えた時逐一画像を書き出して Icon コンポーネントに反映させるのめんどくせ〜〜〜」 そんな風に思った事はないでしょうか。私は思いました。 ので Figma のアイコンコンポーネントからコードに反映するまでのパイプラインを作りましたので、そのコードを公開していきます。 この記事はアイコンの生成の話ですが、一回作っておくと他にも画像だったりコンポーネントだったり諸々の生成パイプラインを作る時にも役立つと思います。 また、敬意を表すべくこのパイプラインを作るにあたって参考にさせていただいた先人の記事を紹介しておきます。 やっていることは 9 割方同じなのですが、デザイナーがアップデートした時に Figma から変更通知できるような Widget を作ってみたのが、この記

          Figma からアイコンの画像を生成して GitHub の PR を作る Widget の作り方 - KAKEHASHI Tech Blog
        • FlutterにおけるWidgetとElementとRenderObjectの基本 | Recruit Tech Blog

          本記事は リクルートengineers アドベントカレンダー 24日目の記事です。 リクルートライフスタイルで「じゃらん」のアプリ開発を担当している桐山です。 われわれのチームでは、「じゃらん」アプリの一部にFlutterを採用しています。また、DroidKaigi 2020において「FlutterをRenderObjectまで理解する」というタイトルで登壇します。 本日の記事では、そのDroidKaigiで話す内容の基本的な部分について書いていこうと思います。 はじめに Flutterとは、Google製のクロスプラットフォームの開発技術です。一つのコードベースで、複数のプラットフォームのアプリケーションを構築できます。 FlutterでUIを構築する際、開発者は基本的にWidgetのみを操作し、その内部の仕組みについて意識する必要はそれほどありません。しかし、内部ではUI構築の最適化の

            FlutterにおけるWidgetとElementとRenderObjectの基本 | Recruit Tech Blog
          • Get Google on Your Home Screen With Google iOS 14 Widget

            Interestingly, it actually looks nicer than the Google widgets on Android. One of the best features of iOS 14 is widgets. Sure, Android has offered them for years, but that doesn't make them any less enjoyable on iOS devices. Google has jumped into the world of iOS widgets with a really well-designed one for its Google Search app, as the company announced on The Keyword. In fact, the widget is so

              Get Google on Your Home Screen With Google iOS 14 Widget
            • 【iOS14】Widget(WidgetKit) まとめ - Qiita

              ※この記事は2020/7/28時点のBeta3の情報を元に作成しています。 2020/7/25 IntentConfigurationのinitでplaceholderを引数に渡すことがdeprecatedになっていたので追記しました。 2020/7/28 isPlaceholder(deprecated) redacted placeholder unredacted について追記しました。 2020/8/21 TimelineProviderのplaceholder(in:)、Location Permission、 Timelineの間隔、メモリの最大容量について追記しました。 2020/8/27 Beta6でTimelineProviderのメソッド名や必須項目が変更になった件について追記しました。 iOS14から新しく登場した WidgetKitを使ってWidgetを作成する機会

                【iOS14】Widget(WidgetKit) まとめ - Qiita
              • Here's a Rundown of Every Single Control Center Widget on an iPhone or iPad

                Get instant access to useful features on your iPhone without leaving your current app with the help of iPhone Control Center widgets. While your iPhone comes with a comprehensive set of Control Center widgets, you won't find all of them automatically included in Control Center—you must customize and add your favorite widgets yourself We'll detail every iPhone Control Center widget you can choose f

                  Here's a Rundown of Every Single Control Center Widget on an iPhone or iPad
                • MobileチームがKMM化、宣言的UI、Widget対応などを話すKyash Tech Talkをやります - Kyash Product Blog

                  Kyashの @konifar です。 2022年4月21日 (木) 13時から Kyash TechTalk #3 Mobileチームのチャレンジと課題 - KMM化、宣言的UI、Widget対応 というMeetupをやります。 これらのテーマはチームで半年以上取り組んでいるものですが、対外的に話すのは初めてです。せっかくやるならたくさんの人に来てもらいたいのでしっかりめに告知します。 kyash.connpass.com なぜやるか 2022年3月に49億円の資金調達をして、これから事業をさらに加速させていきます。その事業の成長を支えるために、Android/iOSエンジニアを求めています。正直に言うとめちゃくちゃ助けてほしいです。Kyashの事業やチームを知ってもらった上で、「助けてやるか」という人に来てもらいたいと考えています。そうです、採用目的です。 一方で、採用とは関係なく技術

                    MobileチームがKMM化、宣言的UI、Widget対応などを話すKyash Tech Talkをやります - Kyash Product Blog
                  • Apption - Notion friendly Embeddable Widget Apps

                    FlipClock Web - Aesthetic minimal online digital clock with Lo-Fi music and themes

                      Apption - Notion friendly Embeddable Widget Apps
                    • MacやiPhone、iPadのホーム画面やロック画面、StandByにメモを設置できるウィジェットアプリ「Memo Widget」がリリース。

                      MacやiPhone、iPadのホーム画面やロック画面、StandByにメモウィジェットを設置できるiOSアプリ「Memo Widget」がリリースされています。詳細は以下から。 macOSにはデフォルトで「スティッキーズ (Stickies)」というデスクトップ上に貼り付けておくことができる付箋アプリがインストールされていますが、この付箋をiOS/iPadOSのウィジェットで再現した「Memo Widget」が新たにリリースされています。 Show sticky notes on your Home Screen, Lock Screen or StandBy.Just tap the note to edit it.The app is simple by design. Memo Widget – App Store Memo Widgetは元Googleのエンジニアで「Comman

                        MacやiPhone、iPadのホーム画面やロック画面、StandByにメモを設置できるウィジェットアプリ「Memo Widget」がリリース。
                      • Flutter WidgetにKeyが必要な理由, 仕組みについて - Qiita

                        はじめに Flutterで時々利用するWidget の Keyについてのまとめです。 Keyが必要な理由と仕組みについて (1回目) ← 今回! 主にKeyとは何か?、そもそもKeyが必要になる理由についてまとめています。 Keyの種類一覧と使い方(2回目) Keyの種類一覧とそれらの使い方について解説します。 → Flutter Widget Keyの種類と使い方について Keyの指定位置について(3回目) Keyを指定する位置 (Widget) について解説します。正しい位置に設定しないと意図した動作になりません。 → 現在準備中です。 Keyとは? 簡単に言うと、ElementからWidgetを識別するためのIDです。Keyは意図的に指定しないとデフォルトではnullです。 必要となるシーンが限定される感じですが、よく紹介されているのは以下ですね。 ただ、必要性が分かるようで分からな

                          Flutter WidgetにKeyが必要な理由, 仕組みについて - Qiita
                        • How to Use the ChatGPT Widget on Android

                          OpenAI's ChatGPT app now offers a widget for Android devices. You can add it to your Home screen and quickly enter prompts using images, text, voice, or conversation mode queries. We'll show you how to add and use it. Adding the ChatGPT Widget to Your Android Home Screen Before proceeding, you'll need to update the ChatGPT Android app—if you're on any version older than 1.2024.052, you can't creat

                            How to Use the ChatGPT Widget on Android
                          • iOS 14 Widget -デザイン解体新書-|Nob NUKUI | THE GUILD

                            以前iOSの14のリリース前にに以下のようなTweetをして書いていたがうまくまとまらなかったのでお蔵入り状態になっていたのですが、せっかく書いたのにお蔵入りは勿体無いのでこの機会に公開したいとおもいます Widgetとは? iOS 14から採用されたホームスクリーンに設置できるWidgetですが歴史は非常に深くiOSの根本のコンセプトと言っても過言ではありません。 そもそもiOS(OS X iPhone当時は名前もなくバージョン1から3まではiPhone OSと呼ばれていた)はMac OS X v10.4 Tigerで搭載されたWidgetを携帯するという所から始まっています。 その話だけで今回の記事がとても長くなってしまいそうなので、それはまた別の機会に書いていこうと思います。 今回はデザイン解体新書の第一弾(シリーズ化したい)としてiOS 14から追加されるホームスクリーンWidge

                              iOS 14 Widget -デザイン解体新書-|Nob NUKUI | THE GUILD
                            • iPhoneのカウントダウン・ウィジェット作成アプリ「Countdown Widget Maker」 | ライフハッカー・ジャパン

                              iOS14でカウントダウン・ウェジェットを作るのに使えるアプリはたくさんあります。 とはいえ、App Storeを「カウントダウン(countdown)」で検索してはいけません。 わけがわからなくなるだけです。私も使っているオススメのアプリは「Countdown Widget Maker」です。 完全な無料ではないものの、エレガントでカスタマイズ可能なウェジェットを簡単に作ることができます。 なぜCountdown Widget Makerのようなアプリが必要か?たとえば、自分の誕生日、新しいゲーム機の発売日、会社を退職する日、新型コロナの自己隔離期間が終わる日など、特定の日時までにどれくらいの日数、時間が残っているかを知りたいというときがあるはずです。 前述のとおり、App Storeに行けば有料のカウントダウンアプリがたくさん見つかります。 開発者たちががんばってくれているのはありがた

                                iPhoneのカウントダウン・ウィジェット作成アプリ「Countdown Widget Maker」 | ライフハッカー・ジャパン
                              • 【Flutter】Widget テストの「あれ、これどうやるんだろう?」集 - Qiita

                                この記事は Flutter Advent Calendar 2019 3日目 の記事です。 この記事では、自分が実際のアプリのコードで Widget テストをいろいろと書いていて「あれ、これどうやってテストすればいいんだろう?」とつまづいた部分を箇条書きで紹介したいと思います。 なるべく参考にしたサイトを載せているので、この記事はそれぞれの項目の入り口として、リンク先でより詳しく調べる感じで読んでいただけたらと思います。 Widget テストの基本 Widget テストの基本については、まずは公式ドキュメントをご参照ください。 WidgetTester の基本的な使い方や find による Widget の取得方法、テキスト入力やタップのエミュレート方法が簡潔に書かれています。 An introduction to widget testing | Flutter 本文 ↑ の公式ドキュメ

                                  【Flutter】Widget テストの「あれ、これどうやるんだろう?」集 - Qiita
                                • Single Child な Widget を使いこなす

                                  FlutterのWidgetを分類する際、以下の分け方はよくなされますが、本記事では違う切り口で分類してみます。 StatelessWidgetStatefulWidgetWidgetがどう組み合わされるかという観点で分類すると、次のように大別できます。 Widgetを1つも受け取らないWidget1つのWidgetを受け取るWidget(Single Child な Widget)複数のWidgetを受け取るWidget本記事では2つめのSingle ChildなWidgetに焦点を当てますが、その前に前置きとしてそれぞれ何を指しているのかざっくり説明します。 Widgetを1つも受け取らないWidgetWidgetツリーの末端のWidgetがこれに相当します。Textが代表例ですね。 Text( // WidgetではなくString ’Hello’, // このようなプロパティは指定

                                    Single Child な Widget を使いこなす
                                  • 【Flutter】Widget extensions vs Class constructorについてまとめてみた

                                    英語圏のFlutter開発者の間で、Widget extensionsを使ってSwiftUIのmodifierのような書き方を再現する方が今のネストしていく方法より扱いやすいのではという話が挙がりました。 日本のエンジニアの方々がどう思うのかも気になったので、若干の私情を挟みつつ内容をサッとまとめてみました。 サンプルコードで説明 前提の説明はサンプルコードを見れば大体伝わると思います。 // いつもの書き方 class ClassConstructorPattern extends StatelessWidget { const ClassConstructorPattern({ super.key, }); @override Widget build(BuildContext context) { return Scaffold( body: Column( children: [

                                      【Flutter】Widget extensions vs Class constructorについてまとめてみた
                                    • FlutterでText WidgetがiOSのDynamic Typeに影響されないようにしたい - Qiita

                                      モチベーション Dynamic Typeの標準フォントサイズ変更で、レイアウトが崩れるアプリは結構多い(もう老眼なんで+2段階ぐらいしてる) Text WidgetがiOSのDynamic Typeによって拡大or縮小すると、レイアウトが崩れてしまうようなストリクトなデザインのときに困った。 アクテシビリティ的な観点で、そのデザインの是非はさておき 賢い解決方法 Text.textScaleFactorを使う 作用機序 textScaleFactorは初期値がnullになっている。 nullのとき、MediaQuery.textScaleFactorOf(context)が初期値になる すなわちDynamic Typeに影響される。 つまり、Text(textScaleFactor: 1.0)を明示的に指定すればDynamic Typeに影響されなくなる。

                                        FlutterでText WidgetがiOSのDynamic Typeに影響されないようにしたい - Qiita
                                      • 【iOS】iOS14のWidgetでURLから画像を表示する方法

                                        iOS14からウィジェットという機能が追加されました。 ウィジェット自体は以前からもあったのですが、好きなサイズのウィジェットをホーム画面の好きな場所におけるようになりました。 運用しているアプリでも採用しており、以下のようなイメージです。 Appleのガイドラインによると、ウィジェットの使い方は基本的に、アプリ本体を起動するきっかけになる仕組みとして用いられ、表示に変化があるべきです。 従って、固定の表示で、ただ起動するだけのショートカットのような使い方は相応しくありません。 ウィジェットの使用にはいくつか制限がありますが、有効性が高いと思われる特長を挙げます。 ウィジェットの定期的な表示更新ができるウィジェット内で簡単な通信ができるディープリンクでアプリ起動ができる3種類の表示方法をユーザーが選べる 3種類の表示方法について、標準のニュースアプリでは以下のようになっています。 ※歪んで

                                          【iOS】iOS14のWidgetでURLから画像を表示する方法
                                        • 【Classic Widget】でウィジェットを元の使い方に戻そう - ブログ武器 Ver.2

                                          WordPress・・・相変わらず、バージョンアップが多いですね。先日、5.8へのバージョンアップをしました。(最新バージョンにしておかないとマズいみたいなので・・・) 個人的にバージョンアップは避けたいのが本音です。なぜなら、バージョンアップすることで普段つかえていた機能が、いきなり使えなくなることもあるんです。今回もまさにそれでした。 今回起きたのは「ウィジェット」です。今まで通り、「外観」⇒「ウィジェット」で普通に設定出来ていたのですが・・・今回のバージョンアップで従来のやり方が出来なくなっていした。流石に、このままだとマズいので対策することにしました。 この記事では新しいウィジェット機能を、元に戻す方法について解説します。あなたがこの記事を読む事で、今まで通り、普通にウィジェットの設定や修正が出来ます。是非、最後まで読んでくださいね。 新しいウィジェットはブロックエディター 新しい

                                            【Classic Widget】でウィジェットを元の使い方に戻そう - ブログ武器 Ver.2
                                          • [Flutter] v1.22から使用できるボタン系のWidgetと代わりにdeprecatedになるWidgetについて | DevelopersIO

                                            [Flutter] v1.22から使用できるボタン系のWidgetと代わりにdeprecatedになるWidgetについて Flutter v.1.22以降使用可能になるTextButtonなどのWidgetとそれに対応してdeprecatedになるWidgetについて扱います。 Flutterでよく使われる主要なボタンのいくつかがdeprecatedになって今後新しいボタンに変更する必要があります。 ドキュメントで紹介されている"Old buttons"は、大抵の場合要求する仕様を満たすことができます。一方アプリにカスタムテーマが必要な場合に使いづらい点がありました。Flutterv1.22からOld buttonsを置き換える"new universe of Material buttons"が使用できるようになっています。deprecatedになったボタンはすぐに使用できなくなるわけ

                                              [Flutter] v1.22から使用できるボタン系のWidgetと代わりにdeprecatedになるWidgetについて | DevelopersIO
                                            • Flutter Widget Keyの種類と使い方について - Qiita

                                              はじめに Flutterで時々利用するWidget の Keyについてのまとめです。 Keyが必要な理由と仕組みについて (1回目) 主にKeyとは何か?、そもそもKeyが必要になる理由についてまとめています。 → Flutter WidgetにKeyが必要な理由, 仕組みについて Keyの種類一覧と使い方 (2回目) ← 今回! Keyの種類一覧とそれらの使い方について解説します。 Keyの指定位置について (3回目) Keyを指定する位置 (Widget) について解説します。正しい位置に設定しないと意図した動作になりません。 → 現在準備中です。 Keyの種類について Keyには大きく分けてGlobalKeyとLocalKeyの2グループが存在し、それぞれそれらを継承したいくつかの種類が存在し、用途に合わせて使い分ける必要があります。 GlobalKey GlobalObjectKe

                                                Flutter Widget Keyの種類と使い方について - Qiita
                                              • GitHub - liamcain/obsidian-calendar-plugin: Simple calendar widget for Obsidian.

                                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                  GitHub - liamcain/obsidian-calendar-plugin: Simple calendar widget for Obsidian.
                                                • 再利用ブロックがウィジェットで設置できるようになるWordPressプラグイン「Block Widget」 | TechMemo

                                                  Block Widgetは、登録している再利用ブロックをウィジェットで使えるようにするWordPressプラグインです。 ウィジェットエリアにBlockウィジェットを追加して、表示したい再利用ブロックを選択するだけで設置できます。 Block Widgetのインストール インストール手順は以下の通りです。 Block Widgetをダウンロードします。ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。管理画面の[プラグイン]ページで、Block Widgetを有効化します。 Block Widgetの使い方 再利用ブロックの作成 まずは投稿編集画面で再利用ブロックを作成しましょう。ブロック右上のメニューから[再利用ブロックに追加]を選択すると、再利用ブロックを登録できます。 作成した再利用ブロックを管理するには、画面右上のメニューボタンから[すべ

                                                    再利用ブロックがウィジェットで設置できるようになるWordPressプラグイン「Block Widget」 | TechMemo
                                                  • iOS 14 Widgetをリリースした話 #iOS14 - Tech Blog

                                                    2回目のTechBlog投稿になります。桐山です。 外は寒くなってきたのに、部屋の日当たりが良すぎて部屋が暑いのが最近の悩みです。 iOS 14の目玉機能と言っても過言ではないWidget機能をFammでもリリースしたので、リリースまでの話とそれからの話をしてみようと思います。 リリースしたもの 思い出クイズ Small Medium Large いつの写真? アップロードされている写真の中からランダムに1枚を表示 タップすると写真をフルスクリーンで表示 写真の切り替えはiOSのタイミングに依存 実際どれくらい使われているの? Widgetをホーム画面に設置したユーザーの割合は、WidgetをリリースしてからのアクティブUUで計算すると約4.5%となっています。 また、圧倒的にSmallサイズの設置が多いです。 なぜ「いつの写真?」なのか Widget機能に興味があるメンバーで、 無料ユー

                                                      iOS 14 Widgetをリリースした話 #iOS14 - Tech Blog
                                                    • 【UE4】Editor Utility Widgetについてのあれこれ | 株式会社アンナプルナ

                                                      皆さんお久しぶりです。 アンナプルナプランナーの吉田です。 昨今のUnrealのアップデートで、エディター拡張機能がどんどん追加されてきました。 今熱いエディター拡張機能の「Editor Utility Widget」についてのあれこれを大ボリュームで紹介したいと思います。 ※この記事で使用しているUnreal EngineのVersionは4.23.0です。 ※なるべく多くの人に理解してもらえるように、出来るだけ細かい説明をしますが、記事が膨大なため、多少専門的な説明は省いております。 あらかじめご了承ください。 目次 1,Editor Utility Widgetとは 2,Editor Utility Widgetを作ってみる 3,Editor Utility Widget テクニック集 4,汎用的な拡張ウィンドウを作ってみる 1,Editor Utility Widgetとは まず、

                                                        【UE4】Editor Utility Widgetについてのあれこれ | 株式会社アンナプルナ
                                                      • flutter_unity_widget | Flutter package

                                                        Flutter Unity 3D widget for embedding Unity game scenes in flutter. This library now supports Unity as a Library. More... flutter_unity_widget # Flutter unity 3D widget for embedding unity in flutter. Now you can make awesome gamified features of your app in Unity and get it rendered in a Flutter app both in fullscreen and embeddable mode. Works great on Android, iPad OS, iOS, Web. Windows support

                                                          flutter_unity_widget | Flutter package
                                                        • GitHub - mohamed-arradi/AirpodsBattery-Monitor-For-Mac: Your AirPods Battery levels at your status bar | MacOS | Widget

                                                          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                            GitHub - mohamed-arradi/AirpodsBattery-Monitor-For-Mac: Your AirPods Battery levels at your status bar | MacOS | Widget
                                                          • FlutterのWidgetを一覧にまとめました - Flutter入門

                                                            FlutterのWidget一覧です。たくさんありますが、まず覚えときたいのはMaterial Components系とレイアウト系のWidgetです。 Material Components系は画面に配置する部品。レイアウト系は部品の配置方法を指定します。 それでは、Widgetを見ていきましょう。 Widgetカテゴリー Widgetカテゴリー Material Components Material Components(アプリの構造とナビゲーション) Material Components(ボタン) Material Components(入力と選択) Material Components(ダイアログ、アラート、およびパネル) Material Components(情報表示) Material Components(レイアウト) レイアウト レイアウト(Single-child

                                                              FlutterのWidgetを一覧にまとめました - Flutter入門
                                                            • Microsoft、“ゲーム バー”のミニツールストア“Game Bar Widget Store”を正式公開/“ゲーム バー”本体にもクリックスルーと透明度サポートを追加

                                                                Microsoft、“ゲーム バー”のミニツールストア“Game Bar Widget Store”を正式公開/“ゲーム バー”本体にもクリックスルーと透明度サポートを追加
                                                              • ウィジェットの表示条件を指定できるようになるWordPressプラグイン「Widget Options」

                                                                Widget Optionsは、特定のページでのみ表示したり、指定した投稿タイプでは非表示にしたりと、様々な表示条件をウィジェットに指定できるようになるWordPressプラグインです。 Widget Optionsのインストール インストール手順は以下の通りです。 ファイルをFTPでアップロードしてインストール Widget Optionsをダウンロードします。ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。管理画面の[プラグイン]ページで、Widget Optionsを有効化します。 WordPress管理画面でインストール [プラグイン] – [新規追加]にアクセスします。 「Widget Options」で検索します。[今すぐインストール]をクリックして、”ウィジェット設定(Widget Options)”をインストールします。[有効化

                                                                  ウィジェットの表示条件を指定できるようになるWordPressプラグイン「Widget Options」
                                                                • Flutter の Widget をコードを動かしながら学ぶ ListTile編 | DevelopersIO

                                                                  マテリアルデザインに則ったリストUIのシンプルな子ビューを作るのに便利なListTileについて記事をかきました。 Flutter は動画コンテンツも充実していて週毎にウィジェットを紹介している Flutter Widget of the Week では短い動画でウィジェットの概要を掴むことができる動画を視聴できます。 Flutter Widget of the Week - YouTube Flutter Widget of the Week を見るだけでも勉強になるのですが、記憶力が良くないので、視聴によるインプットだけでなく手元でコードを動かしてそれをブログ記事にする所までやって後から思い出しやすいようにしてみるシリーズです。 これまでの記事は以下のリンクから参照できます。 Flutter の Widget をコードを動かしながら学ぶ | シリーズ | Developers.IO 今

                                                                    Flutter の Widget をコードを動かしながら学ぶ ListTile編 | DevelopersIO
                                                                  • 【iOS】iOS17でWidgetの背景が白く変わってしまった問題を解決する方法

                                                                    問題解決の糸口は、ウィジェットプレビューを表示するウィンドウのエラーにありました。 containerBackgroundを使いましょうということです。 そこで以下のような独自クラスを作成して対応しました。 独自のWidgetについて書いているSwiftUIのファイルに、containerBackgroundを指定する以下のようなextensionを追記します。 extension View { func widgetBackground(_ backgroundView: some View) -> some View { if #available(iOSApplicationExtension 17.0, *) { return containerBackground(for: .widget) { backgroundView } } else { return backgroun

                                                                      【iOS】iOS17でWidgetの背景が白く変わってしまった問題を解決する方法
                                                                    • WidgetからControllerを分離する

                                                                      FlutterのWidgetは、MVCアーキテクチャーにおけるViewとControllerが合体したものとみなせます。WidgetのViewまたはController部分が肥大化してくると見通しが悪くなるため、WidgetをViewとControllerに分離して、両者の見通しをそれぞれ良くしたいことがあります。その場合、Widgetのがなんらかの(複数の)resourceを使用する場合は、その開放が必要な処理 ( dispose ) のControllerへの移譲もしたいです。 この手法は、Modelと通信するStatefulWidgetに適用すると良いでしょう。どのような場合でもControllerを分離すれば良いわけではなく、単純な機能のWidgetに対してそうする必要はありません。 基本 : StatefulWidget + ControllerStatefulWidgetのライ

                                                                        WidgetからControllerを分離する
                                                                      • Tkinter 入門: 2. Widget を配置しよう

                                                                        1. 初めに Tkinter は widget を配置する方法として pack, grid, place の3つの方法があり、 3つとも widget のメソッドとして定義されています。また、配置の枠組みを決める Frame という widget があります。Frame 自身はほとんど何も表示しませんが、widget をまとめるのに使います。 まず、Frame について説明して、それから、pack, grid, place の順に説明していきます。 2. Frame widget を生成するとき、親 widget を指定する必要があります。多くの場合、それは Frame になります。 Frame は widget をグループ化する widget と考えることができます。 Frame は入れ子にすることができ、それによって、プログラムのモジュール化を図れます。 多くの場合、一番上の Fram

                                                                        • Kyash、Widget 作ったってよ

                                                                          2022/04/21 (木) に開催されたKyash Tech Talk #3の登壇資料です。

                                                                            Kyash、Widget 作ったってよ
                                                                          • GitHub - buserror/libmui: Classic MacOS & GS/OS widget library for linux (and other?)

                                                                            Well I wanted a UI library for MII -- something without tons of dependencies, and I didn't want the typical 'game like' style with "Arrow Keys + Return + Escape" sort of menus. I started with Nuklear immediate mode UI, but it both look super ugly, AND is very limited as soon as you want to do something 'custom', and I didn't see myself hacking into that codebase. One thing I particularly dislike i

                                                                              GitHub - buserror/libmui: Classic MacOS & GS/OS widget library for linux (and other?)
                                                                            • Pulsoid - a real-time heart rate widget for streaming

                                                                              Set up a live heart rate widget for your Twitch, YouTube, Facebook Gaming in less than 3 minutes. Add your widget as a browser source in OBS, Streamlabs, Streamelements, XSplit, etc.

                                                                              • CardとListTileっぽいWidgetの書き方|Shinichiro Iwatsuru

                                                                                FlutterのCardとListTileを使えばよくあるこんなカード型のViewがかんたんに実現できます。 ですが、実現したいデザインと少し違う場合は、ListTileを使わずにColumnとRowを組み合わせることになると思います。公式のListTileクラスでサンプルを確認できます。 ContainerとColumnとRowを組み合わせた素振りをしてみます。以下のようなデザインにしたいと思います。 ・カードをタップしたらリップルエフェクトを効かせる ・リップルエフェクトの色とカード背景色をそれぞれ指定したい ・カードは角丸&シャドウをつける ・画像はウェブからダウンロードして表示するColumnとRowのレイアウト Rowで画像とテキスト領域を縦分割し、テキスト領域はColumnで積み重ねていきます。RowとColumnのmainAxisAlignmentはMainAxisAlign

                                                                                  CardとListTileっぽいWidgetの書き方|Shinichiro Iwatsuru
                                                                                • Flutter の Widget をコードを動かしながら学ぶ SliverAppBar編 | DevelopersIO

                                                                                  Flutter は動画コンテンツも充実していて週毎にウィジェットを紹介している Flutter Widget of the Week では短い動画でウィジェットの概要を掴むことができる動画を視聴できます。 Flutter Widget of the Week - YouTube Flutter Widget of the Week を見るだけでも勉強になるのですが、記憶力が良くないので、視聴によるインプットだけでなく手元でコードを動かしてそれをブログ記事にする所までやって後から思い出しやすいようにしてみるシリーズです。 これまでの記事は以下のリンクから参照できます。 Flutter の Widget をコードを動かしながら学ぶ | シリーズ | Developers.IO 今回取り上げるのは SliverAppBar です。 Sliverとは SliverとつくWidget群を使うことでス

                                                                                    Flutter の Widget をコードを動かしながら学ぶ SliverAppBar編 | DevelopersIO