Hatena Blog Tags
はてなブログ トップ
Dart
このタグでブログを書く

Dart

(コンピュータ)
【だーと】

2011年にGoogleがJavaScriptを置き換える新しいウェブプログラミング言語の標準化を目指して公開したプログラミング言語。
Java風の構文を持ち、クラスベースのオブジェクト指向プログラミングをサポートする。また、Isolateというshared nothingなスレッド機構を持つ。

記述されたプログラムは「Dart VM」と呼ばれる仮想マシン上で動作する。またライブラリ「dart2js」でJavaScriptへ変換でき、Dartをサポートしていないブラウザでも実行可能。

  • 2012年3月、IDEであるDart Editorとコマンドラインから使える処理系が含まれたDart SDKが利用可能。
  • 2013年6月19日、ベータ版をリリース。
  • 2013年11月14日、正式版がリリース*1。
  • 2013年12月12日、ECMA Internationalが標準化を開始*2。

*1:Google Developers Blog: Dart 1.0: A stable SDK for structured web apps

*2:Chromium Blog: Ecma forms TC52 for Dart Standardization

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

【Flutter】GoRouterで画面遷移を行う　実装フロー

pub.dev Navigator 1・２に代わる簡易的な画面遷移のプラグインとして登場したのがGoRouterです。 GoRouterはコンストラクタで指定するルート（Route）の集合体によって全体が制御され、管理されています。 また、ディープリンクやその他の一般的な画面遷移をすべて使いやすい API でサポートしています。 【実装フロー】 ①パッケージを追加 pub.dev ②MaterialAppをMaterialApp.routerに変更 class MyApp extends StatelessWidget { const MyApp({super.key}); @override…

#Flutter#GoRouter#Dart

ネットで話題

もっと見る
667ブックマークDart programming languagedart.dev
426ブックマーク【やじうまミニレビュー】 1,000種類以上のノートPCで使える85gの超小型ACアダプタ「FINsix Dart」pc.watch.impress.co.jp
337ブックマークグーグル、新言語「Dart」を発表。JavaScriptのようなWebプログラミングを想定www.publickey1.jp
310ブックマークJavaとJavaScriptの良いとこ取り？ 「Dart」超入門atmarkit.itmedia.co.jp
299ブックマークGoogleが「Dart 2」発表、Dartを再起動。iOS/Android用ライブラリ「Flutter」と共にWebとモバイルのクライアント開発にフォーカス － Publickeywww.publickey1.jp
230ブックマークGoogleの新言語「Dart」、ECMAが標準化を開始www.publickey1.jp
224ブックマークDartすごい。マジすごい。美しいDart : Structured web programming というわけで、Dartが発表されてからこのかた、Dartの規格を読んでいたのだが、これはすごい。マジですごい。ヤバイほどすごい。美しすぎる。 私が多少なりともかじっている言語は、C++とJavascriptとアセンブリである。私は、もうこれ以上、学びたいと思う新言語が出てくるとは思っ...cpplover.blogspot.com
192ブックマークPCの電源ケーブルを毎日持ち歩いているなら、片手で収まる「Dart」一択 | シゴタノ！cyblog.jp
180ブックマークDart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載www.publickey1.jp

関連ブログ

アプリ開発・ゲーム開発のための勉強ブログ•1ヶ月前

【Flutter】ウィジェットの機能はできるだけシンプルにする　応答性と再利用を意識

ウィジェットは1つだけの機能に収めるべきという考え そうすることで応答性も高く再利用も可能になる 再利用が可能になることでコードの総数も減る 常に新しいウィジェットクラスを作ることで再利用が容易になる 応答性とは：画面のサイズが変わっても対応できる ＝ デバイスやブラウザに依存しない 必要な作業はウィジェットのmaxサイズとminサイズを決めること また、2つのウィジェットを並べてレイアウトを画面サイズに合わせて変動するといった複雑な画面等も作れる 応答性についての参考資料 マルチプラットフォーム対応 最新フレームワーク Flutter 3入門 作者:掌田津耶乃 秀和システム Amazon

#Flutter#Dart#アプリ開発
アプリ開発・ゲーム開発のための勉強ブログ•1ヶ月前

【Flutter】VSCodeのインスペクター

ウィジェットツリー内でのウィジェットの位置や UIがどのウィジェットに対応しているか見ることができる コマンドパレット→Dart Open DevTools in Browser マルチプラットフォーム対応 最新フレームワーク Flutter 3入門 作者:掌田津耶乃 秀和システム Amazon

#Flutter#Dart
アプリ開発・ゲーム開発のための勉強ブログ•1ヶ月前

【Flutter】SingleChildScrollViewとListViewの使い方

SingleChildScrollView(children:) 複数の子ウィジェットをスクロールできる様にする scrollDirection: Axis.horizontal/vertical でスクロール方向を決める デフォはvertical 少数のデータを表示するのに適している（子ウィジェットを一度にビルドするため） ListView（children:） 複数の子ウィジェットを一列に並べる テキスト、画像、アイコン、その他カスタムウィジェット等異なる種類のウィジェットを含めることが可能 大量のデータを表示するのに適している → 動的に変わるリストを表示or項目数が多い場合に使用 Li…

#Flutter
アプリ開発・ゲーム開発のための勉強ブログ•1ヶ月前

【Flutter】開発フロー：アプリ作成～初期コメントの削除　VSCode編

コマンドパレットからflutterで検索しNew Project選択 若しくはターミナルでコマンド flutter create -t skeleton ↓ フォルダを選択して作成したら初期コメントを全削除： コマンドパレットからRemove All Comments 拡張機能はこちらを使用 マルチプラットフォーム対応 最新フレームワーク Flutter 3入門 作者:掌田津耶乃 秀和システム Amazon

#Flutter#拡張機能#Dart
アプリ開発・ゲーム開発のための勉強ブログ•1ヶ月前

【Flutter】StatefulWidgetの構造をやっと理解した

Flutterの状態管理を行うStatefulWidget（若しくはStatelessWidget）の中身について今更ながら理解しました。 やはり一行、1コードずつ丁寧に理解を進めていくことが大事ですね。 以下の例を使って進めて行きましょう。 class ClassName extends StatefulWidget { const ClassName({super.key}); @override State<ClassName> createState() => _ClassNameState(); } class _ClassNameState extends State<ClassN…

#Flutter#Dart
the96pm’s blog•3ヶ月前

DartのImageライブラリを使って画像をバイト単位を弄る方法

概要 DartのImageライブラリを使えば、画像の切り抜きや合成、色味の編集、エンボス加工などさまざまな画像処理が行えます。 とはいえ用意されているメソッドは全てを網羅しているわけではなく、例えばクロマキーで透過画像を生成することなど、意外とできないことも多いです。 そのような用意されていないことをしたい場合にはバイト配列を取り出して自分で加工する必要があります。 公式のドキュメントには、画像から取り出した時のバイト配列の仕様など説明がなかったようなので、 本記事では、バイト配列を取り出して加工する方法について紹介します。 ※ 具体的な画像の加工アルゴリズムについてはここでは紹介しません。 …

#Dart#Flutter#画像処理
What a wonderful 2D world!•3ヶ月前

2023年の振り返りと2024年の抱負

今回も久しぶりの記事投稿です。 合わせてブログのデザインも変えてみました。2024年ですからね！！ 本当は年末に書いておきたかった内容ですが、2024年を迎えてしまったので昨年の振り返りと今年の抱負の両方をまとめて書いていきます。

#振り返り2023#抱負2024#Flutter#Dart#Rust
エキサイト TechBlog.•3ヶ月前

OpenAPI仕様のYAMLファイルからDartコードを自動生成する際に、タグに日本語は使わない方が良いという話

こんにちは、エキサイト株式会社の平石です。 エキサイトホールディングス Advent Calendar 2023の22日目を担当いたします。 OpenAPI仕様に基づいてAPIの仕様を定義したYAMLファイルから、アプリ用のDartコードを自動生成する際に、タグの指定で注意すべき点がありました。 実際に、APIとアプリ側の繋ぎ込みを行なう際に問題となったため、ブログとして残しておこうと思います。 OpenAPIとは タグに日本語は使わない方が良い？ 終わりに OpenAPIとは 本ブログでは、Dartコードを自動生成する部分の説明は省きます。 以下で紹介されていますので、こちらもご覧ください。…

#OpenAPI#Dart#自動生成
10X Product Blog•4ヶ月前

Relay Proxyを活用してLaunchDarklyを導入する

はじめに この記事は 10X アドベントカレンダー2023 11日目の記事です。 前日の記事は id:hisaichi5518 さんによる「“10xを創る”開発チーム文化とはなにか 〜お届けチーム編〜」でした。 こんにちは、今年の6月に10Xに入社して今はお届けチームでソフトウェアエンジニアをしているgenkey6です。 この記事では、お届けチームで直近取り組んでいるfeature flag管理サービスのLaunchDarkly導入に関する話をお届けします。 10XではServer Sideの開発言語としてDartを採用していますが、feature flag管理サービスを導入するにあたってSe…

#Dart#開発#Feature Flag
文系プログラマー「いお」が語る•1日前

【Flutter初心者向け】これを読めばFlutterの概要が分かります【所要時間2分】

今回は、「Flutterを最近始めたよ！」という方や「Flutterとはそもそも何？」という方に向けて概要を簡潔にまとめてみました。これを読めば明日からFlutterについて語れます。笑 この記事で分かること ✅Flutterの概要 目次 はじめに：Flutterとは Flutterの歴史と開発 Flutterの主な特徴 Dart言語との関連性 Flutterの基本的な概念 Widgetsとは Stateとは Flutterの利点 クロスプラットフォーム開発の利点 高性能なUIの構築 豊富なパッケージエコシステム Flutterの成功事例 Flutterを学ぶための方法 まとめ：Flutter…

GlobalMarketMonitor’s diary•2日前

フーズボールテーブル 2029 年までのロシアとウクライナ戦争の影響で市場の急速成長おけるトレンド分析

フーズボールは、大まかにフットボールに基づいた卓上ゲームです。ゲームの目的は、コントロール ノブを使用してボールを相手のゴールに移動させることです。フーズボール テーブルは、ゲームをプレイするための機器です。このフーズボールテーブル市場レポートは、世界の市場規模、収益、成長要因、制約、最新の業界パターン、および事業展開における完全な概要を推定されおり、 さらに、当レポートは、ロシアとウクライナの戦争状況をリアルタイムで追跡し、市場への最新影響もカバーしております。 当フーズボールテーブル市場レポートは、クライアント先に最新の市場動向と政策を提供し、隠れた新しい業務上の危険を回避できるように役た…

UPSIDER Techblog•2日前

UPSIDERのこれからを担うFlutterアプリのアーキテクチャ

こんにちは、UPSIDERで日々モバイルアプリ開発をしているふっくです。 UPSIDERでは今後、よりアプリ開発に注力し決済プラットフォームの中核的な役割を果たすことを目指しています。 今回は、今後の開発・運用を目指して考えたFlutterアプリ向けのアーキテクチャを紹介します。 ネイティブアプリの世界で触れてきた色々なアーキテクチャ・フレームワークを参考に、開発の後半でも順調にスケールさせることができるように、工夫を凝らしました。 本アーキテクチャで作ったサンプルアプリもあるので、ぜひ以下のリンクから見てみてください。 https://github.com/upsidr/flutter_ar…

くらげになりたい。•2日前

Flutterで端末の言語コードを取得するあれこれ(Localizations/PlatformDispatcher)

Flutterで多言語化したいなと思い、いろいろ調べてみたときの備忘録(*´ω｀*) よくみるのはこんなコードだけど、 Locale locale = Localizations.localeOf(context); 日本語と英語のみをサポートしているときに、 簡体中文(デフォルト) 日本語 English みたいな感じの並びで、デフォルトが中国語の場合だと、 英語で表示してほしいけど、日本語が採用されてしまう。。 Localizations版の動き いろいろ試してみるとこんな感じっぽい Localizations.localeOf()はアプリでの表示言語を取得 MaterialAppのloc…

文系プログラマー「いお」が語る•2日前

【Flutter】「go_router」を用いた画面遷移の説明とサンプル（コピペOK！）

今回は、Flutterで「go_router」というライブラリを用いた画面遷移を実装するサンプルです。 Flutterでの画面遷移については以前も記事にしたことがありますが、その時はFlutter標準の「Navigator」を用いた方法について解説しました。 今回の記事では、Navigatorを使いやすく簡潔に実装できるようにしたライブラリである「go_router」についての説明となります。 この記事で分かること ✅「go_router」の使い方 目次 サンプル画面 サンプルコード 全文（main.dart） 実装手順の説明 ①「pubspec.yaml」に「go_router」を追加する …

M&Hqr•5日前

Romancing SaGa Re;univerSe Translations

Concept of this page is translation for Romancing SaGa Re;univerSe. Apr. 12 news: Deleted the RS3 8 protagonists and Kyrdlund's Mayor Styles. PS: Added new category SaGaEB and 6 protagonists. Plus, more added SF2 Styles, Tyler, Eleanor, and Flame General(Sargon). Category the Other are not here curr…

キカガク プラットフォームブログ•6日前

普段Next.jsしか触ってないエンジニアがFlutter触ってみて感動したこと＆つまづいたこと

はじめに はじめまして。キカガクプラットフォーム部のずんだです。 業務ではほぼ Next.js しか触ることがないのですが、最近なんとなく Flutter を触ってみていました。 どちらもモダンなフレームワークなので似ている点も多いのですが、結構違う点も多く面白かったです。 せっかくなので、Next.js ユーザー視点から見た違いや感動したところ、つまづいたところなど思ったことを書いていきます。 ※ 環境構築方法や具体的なコードの書き方については書きません。 対象読者 Next.js で開発したことがある Flutter とは 公式サイト: https://flutter.dev/ GitHu…

マグネテック備忘録•8日前

【Flutter】録音(record)

recordパッケージについて パッケージの追加 権限の追加 android/app/src/main/AndroidManifest.xml android/app/build.gradle AudioRecorderクラス 宣言 hasPermission start stop デモアプリ recordパッケージについて Flutterにおいて録音ができるパッケージの1つです。 参考：record | Flutter package パッケージの追加 dependencies: record: ^5.0.4 権限の追加 アプリがマイク機能を使用する権限を取得できるようにします。 andro…

メジャーリーグ　ファン　ブログ•9日前

【MLB2024】4月5日～4月7日（レギュラーシーズン）

今回は、4月5日～7日（Week 14）の好プレイを振り返ります。 目次 好試合 TB 7, COL 10 (Apr.5 @COL) BAL 4, PIT 5 (Apr.6 @PIT) MIA 10, STL 3 (Apr.7 @STL) 好守備 Apr. 5 CHC: ニコ・ホーナー Apr. 6 CLE: アンドレス・ヒメネス Apr. 7 CHC: ニコ・ホーナー 好打 Apr. 5 BOS: タイラー・オニール 1試合2本塁打 Apr. 7 MIL: ウィリアム・コントレラス 1試合2本塁打 好投 Apr.6 LAA: リード・デトマーズ 12奪三振 Apr.7 TB: ライアン・ぺピ…

転職したらスマレジだった件•10日前

ミノ駆動本を読んで、保守しやすい成長し続けるコードを書きたい。 - 第3章 クラス設計 後編

スマレジで Web 系エンジニアとして働いている やまて（@r_yamate） と申します。 テックファームという SES 部署に所属していますが、2023 年 4 月からは、スマレジの関連アプリの開発業務を担当しています。 Flutter（Dart、Kotlin）でのアプリ開発をメインで担当しており、React の一部機能の実装をすることもあります。 開発しているアプリがついにリリースされ、利用していただく日を楽しみにしています。 はじめに 今回は、 #ミノ駆動本 こと 『良いコード／悪いコードで学ぶ設計入門―保守しやすい 成長し続けるコードの書き方』の「第3章クラス設計 ―すべてにつながる…

i472’s blog•10日前

衝撃の事実！探査機をぶつけた惑星が火星に衝突か？影響は？

探査機をぶつけた惑星が火星に衝突かについて 探査機をぶつけた惑星が火星に衝突か 2023年9月26日、NASAの探査機DARTは、小惑星ディモルフォスに衝突し、その軌道をわずかに変化させることに成功しました。これは、将来地球に衝突する可能性のある小惑星を軌道から逸らすための技術実証実験として大きな成果を収めました。 しかし、この画期的なミッションの裏側で、思わぬ事態が発生していたのです。DARTの衝突によってディモルフォスから放出された破片の一部が、火星に衝突する可能性が出てきたのです。 衝突の可能性は現時点では推定であり、今後の詳細な分析が必要です。しかし、もし衝突が実現した場合、火星への影…

偏った言語信者の垂れ流し•11日前

Dartの開発環境を準備する

社内ライブラリのDart版の動作検証をするために、Dartの開発環境を準備する必要があったので、自分用にまとめておく。 DartSDKのインストール Dartのコードを実行、ビルドするためにはSDKをセットアップする。 Get the Dart SDK | Dart 今回はUbuntu環境だったので、Linux用の手順でaptを使ってパッケージをインストールした。手順通りで特に問題なし。 dartコマンド dartの実行、ビルドなどは dart コマンドからできる。 サードパーティパッケージ pub.devというサービスがパブリックなサードパーティパッケージのホスト先。 アプリの依存パッケージ…

GameWith Developer Blog•12日前

2024/03 サービス開発部業務アピール会 #Autify #機械学習 #BERT #Flutter #GameWith #TechWith

こんにちは！GameWithサービス開発部です。 サービス開発部では月に一度、全体会にて どのように業務課題を改善したか をアピールする会を行っています。 今回は3件の内容をご紹介します！ 2024年2月の発表内容はこちらです tech.gamewith.co.jp Autifyの利用推進を進めている話 GameWithではe2eテストを行う上で、Autifyを利用しています。 AutifyはGUIで簡単に、コードを書かなくてもテストが作成できるサービスです。 過去にもAutifyの記事を書いていますのでご興味あればご覧ください tech.gamewith.co.jp 昨年Autifyの料金体…

きまぐれふなくんにっき•13日前

kboyさんからFlutterを学んだ

先日、「第3回FlutterTechBeach ~kboyさんによるFlutter講義~」に参加してきました。 codebase.connpass.com FlutterTechBeachは、プログラミングスクール等もされているCODE BASE OKINAWAで開催される、Flutterを1から学ぶことができるイベントです。 第3回FlutterTechBeachでは、Flutter大学創設者であり、YouTuberとしての顔もある、kboyこと藤川慶さんがFlutterの講義をしてくださりました。 参加費はなんと無料！！ flutteruniv.com www.youtube.com 私は…

くらげになりたい。•16日前

Flutterで相対時間を表示する(relative_time)

Flutterで3日前とか相対的な時間を表示したいなと思い、 いろいろ調べて見たときの備忘録(*´ω｀*) これをつかえばいいっぽい relative_time | Flutter package 使い方 簡単な使い方はこんな感じ // 言語の自動選択版 RelativeTime(context).format(time); // 言語の指定版 RelativeTime.locale(const Locale('en')).format(time); 多言語対応されているので、Localizationsを追加する必要がある MaterialApp( localizationsDelegates…