投稿時間:2022-07-05 16:27:38 RSSフィード2022-07-05 16:00 分まとめ(35件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
ROBOT ロボスタ 東京都立大学内を配送ロボット「LOMBY」が受取スポットにフードデリバリー ローカル5Gを活用して遠隔操作 https://robotstart.info/2022/07/05/robot-lomby-food-delivery.html 東京都立大学内を配送ロボット「LOMBY」が受取スポットにフードデリバリーローカルGを活用して遠隔操作シェアツイートはてブ東京都公立大学法人都立大とLOMBY株式会社は「G」を活用して遠隔操作による配送ロボットのフードデリバリーの実証実験を行なった。 2022-07-05 06:45:08
ROBOT ロボスタ 話題のネコ型配膳ロボット「BellaBot」がLINEスタンプとなって登場!ネコなのか? ロボットなのか? 全16種類 https://robotstart.info/2022/07/05/bellabot-line.html 2022-07-05 06:22:38
IT ITmedia 総合記事一覧 [ITmedia PC USER] GoogleがChrome 103のセキュリティ修正版を公開 WebRTCのヒープ・バッファオーバーフローに対応 https://www.itmedia.co.jp/pcuser/articles/2207/05/news140.html chrome 2022-07-05 15:45:00
IT ITmedia 総合記事一覧 [ITmedia PC USER] サイコム、8Lサイズ筐体を採用した省スペースデスクトップ https://www.itmedia.co.jp/pcuser/articles/2207/05/news145.html itmediapcuser 2022-07-05 15:41:00
IT ITmedia 総合記事一覧 [ITmedia News] 「足を引っ張った」は誤解──KDDI派遣の幹部は「技術に精通」と金子総務相 SNSの言説に対し https://www.itmedia.co.jp/news/articles/2207/05/news136.html itmedia 2022-07-05 15:30:00
TECH Techable(テッカブル) 1枠1万円から有名アートを共同保有できる「ANDART」がリニューアル。“投資”体験提供 https://techable.jp/archives/181723 andart 2022-07-05 06:00:24
IT 情報システムリーダーのためのIT情報専門サイト IT Leaders デジタルエコノミー/トラスト/人材─アドビが直視する“デジタル後進国”日本の課題 | IT Leaders https://it.impress.co.jp/articles/-/23431 デジタルエコノミートラスト人材ーアドビが直視する“デジタル後進国日本の課題ITLeaders米Adobe日本法人のアドビは年月日、事業戦略発表会を開き、クリエイティブ、ドキュメント、顧客体験管理の領域での事業の現況について説明した。 2022-07-05 15:45:00
AWS AWS Japan Blog Python 早見帳が SageMaker Studio Lab からすぐに学べるようになりました https://aws.amazon.com/jp/blogs/news/python-hayamicho-is-available-in-sagemaker-studio-lab/ awsjapan 2022-07-05 06:41:20
python Pythonタグが付けられた新着投稿 - Qiita Python3エンジニア認定基礎模試試験1回目 -間違えた問題- https://qiita.com/itakura1984/items/4886d7f9a7747d38a36d fornuminrangeprintnuma 2022-07-05 15:59:00
python Pythonタグが付けられた新着投稿 - Qiita KV260 の EEPROM を読む https://qiita.com/ikwzm/items/a7e1706f56e6b7282c90 eeprom 2022-07-05 15:46:21
js JavaScriptタグが付けられた新着投稿 - Qiita CancelablePromise を自前で作るのはやめておいたほうがいいのでは https://qiita.com/hoto17296/items/6db519556d72d9c73114 cancelablepromise 2022-07-05 15:25:27
js JavaScriptタグが付けられた新着投稿 - Qiita MicroModalでモーダル閉じても親ウィンドウにフォーカスが戻らない場合 https://qiita.com/snakebite/items/100c3a61ec7ed157622d modalclosetriggerbody 2022-07-05 15:18:00
技術ブログ Developers.IO インターン生としてJOINしました、大谷(おおや)です。 https://dev.classmethod.jp/articles/oya-joined-classmethod-as-internship/ 本部 2022-07-05 06:33:52
海外TECH DEV Community Create a real-time parcel tracking system in Flutter https://dev.to/hackmamba/create-a-real-time-parcel-tracking-system-in-flutter-3li3 Create a real time parcel tracking system in FlutterIndustries such as gaming financial services marketing internet of things and supply chain have revolutionized their products digital experience by leveraging real time technologies to deliver pieces of information to their users as quickly as it happens These real time experiences are an integral part of our favourite applications when processing messages payments and calls In this post we will learn how to create a real time parcel tracking system using Appwrite and Flutter Appwrite is a development platform that provides a powerful API and management console for building backend servers for web and mobile applications The GitHub repository can be found here PrerequisitesTo fully grasp the concepts presented in this tutorial the following requirements apply Basic understanding of Dart and FlutterFlutter SDK installedXcode with developer account for Mac users Either IOS Simulator Android Studio or Chrome web browser to run our applicationDocker installation Getting startedWe need to create a new Flutter project by navigating to the desired directory and running the command below in our terminal flutter create parcel tracker amp amp cd parcel trackerThe command creates a Flutter project called parcel tracker and navigates into the project directory We install the required dependency by navigating to the root directory and opening the pubspec yaml file and then add the Appwrite s SDK to the dependency section appwrite P S An editor like Visual Studio Code automatically installs the dependencies for us when we save the file We might need to stop our project and run flutter pub get to install the dependency manually for other editors Creating a new Appwrite projectTo create a new project we need to startup our Appwrite instance on our machine and navigate to the specified hostname and port http localhost Next we need to log in to our account or create an account if we don t have one We can learn more on how to set up Appwrite here On the console click on the Create Project button input flutter appwrite as the name and click Create Next we need to create a database to save our notes Navigate to the Database tab click on Add Collection input flutter appwrite col as the collection name and then click on Create Appwrite has an advanced yet flexible way to manage access to users teams or roles to access specific resources We will modify the permission role all to enable access from any application Then click on Update to save changes Add attributesAttributes are fields that our database will possess Navigate to the Attributes tab click on Add Attributes add a New URL Attribute for parcel img and a New Enum Attribute for status fields respectively mark as required and then click on Create For the status field we need to add packed shipped in transit and delivered as elements to simulate the parcel tracking progress Add sample dataNext we can add sample data by navigating to the Documents tab clicking on Add Document inputting the required fields and clicking on Create parcel imgstatuspacked Connecting Appwrite to FlutterTo add support for our Flutter app navigate to the Home menu click on the Add Platform button and select New Flutter App Depending on the device on which we are running our Flutter application we can modify it as shown below iOSTo obtain our Bundle ID we can navigate using the path below open the project pbxproj file and search for PRODUCT BUNDLE IDENTIFIER ios gt Runner xcodeproj gt project pbxprojNext open the project directory on Xcode open the Runner xcworkspace folder in the app s iOS folder select the Runner project in the Xcode project navigator select Runner target in the main menu sidebar and select iOS in the deployment info s target AndroidTo get our package name we can navigate using the path below open the AndroidManifest xml file and copy the package value android gt app gt src gt debug gt AndroidManifest xmlNext we need to modify the AndroidManifext xml as shown below lt manifest xmlns android package com example note app gt lt uses permission android name android permission INTERNET gt lt application gt lt activity android name com linusu flutter web auth CallbackActivity android exported true gt lt intent filter android label flutter web auth gt lt action android name android intent action VIEW gt lt category android name android intent category DEFAULT gt lt category android name android intent category BROWSABLE gt lt data android scheme appwrite callback PROJECT ID gt lt intent filter gt lt activity gt lt application gt lt manifest gt Then we need to navigate to the lib directory and create a utils dart file and add the snippet below class AppConstant final String projectId REPLACE WITH YOUR PROJECT ID final String endpoint REPLACE WITH YOUR ENPOINT final String collectionId REPLACE WITH YOUR COLLECTION ID Navigate to the settings menu for the project and database to copy the Project ID API Endpoint and Collection ID For the endpoint property we need to modify it to work with our system s local network address We can adjust accordingly iOSNavigate to the Network section copy the IP address and modify as shown below class AppConstant final String projectId REPLACE WITH YOUR PROJECT ID final String endpoint final String collectionId REPLACE WITH YOUR COLLECTION ID AndroidWe can connect our Android emulator to the system s IP using the IP address class AppConstant final String projectId REPLACE WITH YOUR PROJECT ID final String endpoint final String collectionId REPLACE WITH YOUR COLLECTION ID Building the parcel trackerTo get started we need to create a model to convert the response sent from Appwrite to a Dart object The model will also cater to JSON serialization To do this add the snippet below in the same utils dart file class AppConstant code goes here class Parcel String id String parcel img String status Parcel this id required this parcel img required this status factory Parcel fromJson Map lt dynamic dynamic gt json return Parcel id json id parcel img json parcel img status json status Map lt dynamic dynamic gt toJson return parcel img parcel img status status The snippet above does the following Creates a Parcel class with required propertiesAdds a constructor with unrequired and required parametersCreates a fromJson and toJson method for JSON serializationNext we need to create a home dart file inside the lib directory and update it by doing the following First we need to import the required dependencies create a Home view to display the application and add variables required to perform real time functionality import package appwrite appwrite dart import package flutter material dart import package parcel tracker utils dart class Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt List lt Parcel gt items bool isLoading false bool isError false Client client Client Database db RealtimeSubscription realtimeSubscription override Widget build BuildContext context widget goes here Secondly we need to use the initState method that configures the client and the db instances using the AppConstants defined earlier The initState also contains a loadParcel and subcribe method We will create these methods in the next step import goes here class Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt variables goes here override void initState super initState client setEndpoint AppConstant endpoint setProject AppConstant projectId db Database client loadParcel subscribe override Widget build BuildContext context widget goes here Thirdly we need to create a loadParcel method to get the list of documents in our Appwrite database using the listDocuments function and updating state accordingly import goes here class Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt variables goes here override void initState initState code goes here loadParcel async setState isLoading true try final data await db listDocuments collectionId AppConstant collectionId setState items data documents map parcel gt Parcel fromJson parcel data toList isLoading false catch e setState isLoading false isError true throw Exception Error getting list of parcel override Widget build BuildContext context widget goes here Fourthly we need to create a subscribe method for handling real time functionality in the application import goes here class Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt variables goes here override void initState initState code goes here loadParcel async code goes here subscribe final realtime Realtime client String collectionID AppConstant collectionId realtimeSubscription realtime subscribe collections collectionID documents listening to stream we can listen to realtimeSubscription stream listen e if e payload isNotEmpty if e event database documents update items map element gt element status e payload status toList setState override Widget build BuildContext context widget goes here The snippet above does the following Creates a realtime and collectionID variable that subscribes to the Appwrite event and the collection ID respectivelyUses the realtimeSubscription variable to subscribe to the document with matching collectionIDListens to the returned stream to check that it is not emptyChecks whether the returned event is an update action and updates the document based on the payload returnedLastly we need to create a getStatusColor helper method to change the status background and update the widgets accordingly import goes hereclass Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt variables goes here override void initState initState code goes here loadParcel async code goes here subscribe code goes here getStatusColor String status switch status toLowerCase case packed return xffAEAEB case shipped return xffFCFA case in transit return xffDDF case delivered return xffEAA default return xffAEAEB override Widget build BuildContext context return Scaffold appBar AppBar title const Text Parcel Tracker body isLoading const Center child CircularProgressIndicator isError const Center child Text Error loading parcels style TextStyle color Colors red fontWeight FontWeight bold Padding padding const EdgeInsets all child Column mainAxisAlignment MainAxisAlignment center children Row children const Text Order ID style TextStyle fontWeight FontWeight w SizedBox width Text items id style TextStyle fontWeight FontWeight w const SizedBox height Row children const Text Status style TextStyle fontWeight FontWeight w const SizedBox width Container padding const EdgeInsets all decoration BoxDecoration color Color getStatusColor items status borderRadius const BorderRadius all Radius circular child Text items status style TextStyle fontWeight FontWeight w const SizedBox height Image network items parcel img Complete utils dart code class AppConstant final String projectId YOUR PROJECTID GOES HERE final String endpoint final String collectionId YOUR COLLECTIONID GOES HERE class Parcel String id String parcel img String status Parcel this id required this parcel img required this status factory Parcel fromJson Map lt dynamic dynamic gt json return Parcel id json id parcel img json parcel img status json status Map lt dynamic dynamic gt toJson return parcel img parcel img status status Complete Home dart code import package appwrite appwrite dart import package flutter material dart import package parcel tracker utils dart class Home extends StatefulWidget const Home Key key super key key override State lt Home gt createState gt HomeState class HomeState extends State lt Home gt List lt Parcel gt items bool isLoading false bool isError false Client client Client Database db RealtimeSubscription realtimeSubscription override void initState super initState client setEndpoint AppConstant endpoint setProject AppConstant projectId db Database client loadParcel subscribe loadParcel async setState isLoading true try final data await db listDocuments collectionId AppConstant collectionId setState items data documents map parcel gt Parcel fromJson parcel data toList isLoading false catch e setState isLoading false isError true throw Exception Error getting list of parcel subscribe final realtime Realtime client String collectionID AppConstant collectionId realtimeSubscription realtime subscribe collections collectionID documents listening to stream we can listen to realtimeSubscription stream listen e if e payload isNotEmpty if e event database documents update items map element gt element status e payload status toList setState getStatusColor String status switch status toLowerCase case packed return xffAEAEB case shipped return xffFCFA case in transit return xffDDF case delivered return xffEAA default return xffAEAEB override Widget build BuildContext context return Scaffold appBar AppBar title const Text Parcel Tracker body isLoading const Center child CircularProgressIndicator isError const Center child Text Error loading parcels style TextStyle color Colors red fontWeight FontWeight bold Padding padding const EdgeInsets all child Column mainAxisAlignment MainAxisAlignment center children Row children const Text Order ID style TextStyle fontWeight FontWeight w SizedBox width Text items id style TextStyle fontWeight FontWeight w const SizedBox height Row children const Text Status style TextStyle fontWeight FontWeight w const SizedBox width Container padding const EdgeInsets all decoration BoxDecoration color Color getStatusColor items status borderRadius const BorderRadius all Radius circular child Text items status style TextStyle fontWeight FontWeight w const SizedBox height Image network items parcel img Finally we need to update the main dart file to include the Home screen import package flutter material dart import package parcel tracker home dart void main runApp const MyApp class MyApp extends StatelessWidget const MyApp Key key super key key override Widget build BuildContext context return MaterialApp title Flutter Demo theme ThemeData primarySwatch Colors blue home const Home Testing the applicationUpdating the document can be performed from any application with access to the project However we will be updating the app from the Appwrite console for this tutorial We can run the project using the command below flutter runUpon running the project we should see our application subscribed to events from Appwrite P S This demo is a base implementation to demonstrate Appwrite s real time capability Full implementation will require the storage of multiple parcels and the propagation of events for each ConclusionThis post discussed how to create a real time app using Flutter and Appwrite The Appwrite platform ships with a robust SDK for building real time applications These resources might be helpful Appwrite official documentationAppwrite Flutter SDKAppwrite Real Time technologyFlutter null safety 2022-07-05 06:57:36
医療系 医療介護 CBnews 不正アクセス、患者情報11万人超分流出の可能性-岐阜市の病院、電カルが一時使用不能に https://www.cbnews.jp/news/entry/20220705154443 不正アクセス 2022-07-05 15:55:00
医療系 医療介護 CBnews ギャンブル依存症、医療機関と関係機関の連携推進-新潟県が対策推進計画案を公表 https://www.cbnews.jp/news/entry/20220705152606 医療機関 2022-07-05 15:40:00
金融 JPX マーケットニュース [東証]制限値幅の拡大:1銘柄 https://www.jpx.co.jp/news/1030/20220705-01.html 東証 2022-07-05 15:15:00
金融 ニッセイ基礎研究所 「富士山○個分」 実感できる?-「~○個分」 や 「~の○分の1」 の上手な例示 https://www.nli-research.co.jp/topics_detail1/id=71671?site=nli よく知られているように、富士山の高さはメートルだから、富士山個分で約億円となる。 2022-07-05 15:01:33
海外ニュース Japan Times latest articles Minister slams KDDI after outage takes almost 40 million mobile links offline https://www.japantimes.co.jp/news/2022/07/05/business/tech/kddi-network-outage-minister/ restoration 2022-07-05 15:40:48
海外ニュース Japan Times latest articles ‘Guerrilla’ sales and crowdsourcing: Japan’s game console crunch https://www.japantimes.co.jp/news/2022/07/05/business/tech/japan-game-console-crunch/ Guerrilla sales and crowdsourcing Japan s game console crunchVideo game consoles by Sony and Microsoft have been hard to buy since their November release leaving consumers and sellers stuck in a game 2022-07-05 15:07:42
ビジネス ダイヤモンド・オンライン - 新着記事 米景気後退の予測、コロナ前モデルは通用せず - WSJ発 https://diamond.jp/articles/-/305974 景気後退 2022-07-05 15:07:00
ビジネス ダイヤモンド・オンライン - 新着記事 【オピニオン】「もしプーチン氏が女性だったら」 - WSJ発 https://diamond.jp/articles/-/305975 女性 2022-07-05 15:01:00
北海道 北海道新聞 吉田麻也がシャルケ加入へ サッカー日本代表主将 https://www.hokkaido-np.co.jp/article/702003/ 吉田麻也 2022-07-05 15:53:00
北海道 北海道新聞 【参院選コラム】女性議員を本気で増やそうとしているのか 政治を志すとき、立ちはだかる壁 https://www.hokkaido-np.co.jp/article/701992/ 女性議員 2022-07-05 15:42:00
北海道 北海道新聞 LNGのルーブル払い提案 ロシア政府系企業、日本影響か https://www.hokkaido-np.co.jp/article/701991/ 液化天然ガス 2022-07-05 15:42:24
北海道 北海道新聞 後志管内29人感染 小樽市27人感染 新型コロナ https://www.hokkaido-np.co.jp/article/701986/ 新型コロナウイルス 2022-07-05 15:38:43
北海道 北海道新聞 上川管内96人感染 旭川市66人 新型コロナ https://www.hokkaido-np.co.jp/article/701981/ 上川管内 2022-07-05 15:38:11
北海道 北海道新聞 北海道内で561人感染 4日連続前週の同じ曜日上回る 新型コロナ https://www.hokkaido-np.co.jp/article/701989/ 北海道内 2022-07-05 15:35:15
北海道 北海道新聞 娘3人殺人罪で27歳の母親起訴 名古屋地検、鑑定留置経て https://www.hokkaido-np.co.jp/article/701959/ 名古屋地検 2022-07-05 15:32:06
北海道 北海道新聞 ライチョウひな8羽がふ化、栃木 那須どうぶつ王国、雌雄は不明 https://www.hokkaido-np.co.jp/article/701983/ 特別天然記念物 2022-07-05 15:30:15
北海道 北海道新聞 東証続伸、終値は269円高 輸出関連に期待で買い膨らむ https://www.hokkaido-np.co.jp/article/701990/ 日経平均株価 2022-07-05 15:29:00
北海道 北海道新聞 <参院選ワタシの争点@西胆振>地域活性化や格差是正を 専門学校生・二之宮光梨さん(18)=登別市 https://www.hokkaido-np.co.jp/article/701662/ 地域活性化 2022-07-05 15:20:08
北海道 北海道新聞 夏の高校野球支部予選・7月5日の試合結果 https://www.hokkaido-np.co.jp/article/701905/ 夏の高校野球 2022-07-05 15:14:12
北海道 北海道新聞 中止のプロ野球 https://www.hokkaido-np.co.jp/article/701980/ 阪神 2022-07-05 15:06:00
マーケティング MarkeZine ヤマハ、スマホアプリと共生する音楽デバイス「Stepping Out of the Slate」発表 http://markezine.jp/article/detail/39383 steppingoutoftheslate 2022-07-05 15:30:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)