반응형

전체 글 87

[Flutter]フラッター入門のための最初のプロジェクト始める(IOS&Android画面実行)

Flutterを初めて始めるとき、プロジェクトの作成とアプリを起動して画面が表示される過程をメモしておく。0. 事前準備Flutterプロジェクトを実行する前に次のツールが必要で、インストール済みかを確認しておくといい。ツールのインストール確認とコマンド Flutter SDKflutter --versionでバージョン確認する。Xcode(IOS実行用)macOSに標準で入っているか、xcode-select --installでインストールするか、App Storeで検索して追加する。Android Studio(Android実行用)インストールしてAVD(エミュレーター)を設定する。VS Code(またはAndroid Studio)作業しやすい IDE を使う。ターミナルで次のコマンドで Flutter が正しく入っているかを確認する。flutter doctor 1. 新..

[Flutter]プロジェクトを修正した後に実行するコマンド(iOS / Android)

Flutterでアプリを開発していると、パッケージを追加したりプロジェクト設定を変更したあとにアプリが動かなくなったりエラーが出ることがある。こういうときに必要な基本コマンドがあり、特に iOS と Android では処理方法が少し違うので分けて管理する必要がある。今回は、flutter clean、flutter pub get、pod install などのコマンドをいつ、なぜ実行するのかを分かりやすくまとめる。パッケージを追加・修正・削除したあとにやる基本作業パッケージを追加・削除・修正したときは、Flutterプロジェクトをきれいに初期化して新しく依存関係を取得する必要がある。これはiOSとAndroidの両方で共通して必要になる。flutter cleanflutter pub getflutter clean:前のビルドファイルやキャッシュファイルをすべて削除して、プロジ..

VSCodeで Flutter開発するときに使う便利なメニュー

macでVSCodeを使ってFlutter 開発をしていたとき、作業が楽になるメニューやショートカットをまとめる。 プラグインのインストールView > extenteentions(shift + command + X):FlutterやDartなどのプラグインを設置する。 コマンドパレットView > Commend Palette (shift + command + P):コマンドパレットを開く。ここから「Flutter: New Project」や「Flutter: Run」などを選べる。ソースコードフォーマットShift + Option + F:でコードをフォーマットする。コードを自動整形して見た目が整うので便利になる。 エミュレーターの起動コマンドパレットから「Flutter: Launch Emulator」を選んでシミュレーターを起動する。iOS Simulato..

[쿠알라룸푸르] 입국, 그랩, 볼트, 로얄 출란 쿠알라룸푸르 방 변경(7/30)

6시가 조금 넘어서 말레이시아 쿠알라룸푸르에 도착했다.비행기에서 내려 밖으로 나가면 일반적으로는 입국 수속을 하는 곳이 나오는데, 이곳은 나오니 면세 구역이 나왔다.출국하는 사람들 입국하는 사람들이 다 있는 그곳.. 우리는 입국 수속을 하는 창구를 찾지 못해 안내데스크를 찾아 물어보았다. 면세점들 사이에서 입국을 하는것도 조금 특이하고.. 다시 생각해보니 입국하면서 물건을 살 수도 있는건가...싶기도 하고.. 아무튼 우리는 입국 심사를 위해 알려준 길로 갔고, 입국 심사 하는 곳으로 가면 나라별로 어느쪽으로 가서 심사를 받아야 하는지 화살표가 표시되어 있다. 순서대로 줄을 서고, 사람에게 입국 심사를 받는 것이 아닌, 여권을 펼쳐서 스캔을 하면 자동으로 심사가 되는 것이었다. 안으로 한명씩만 들어갈 수 ..

[쿠알라룸푸르] 로얄 출란 쿠알라룸푸르(Royale Chulan Kuala Lumpur)-스튜디오 트윈, 프리미어 스위트

https://maps.app.goo.gl/A8KApW1k3CPCttwR8 로얄 출란 쿠알라 룸푸르 · 5, Jalan Conlay, Kuala Lumpur, 50450 Kuala Lumpur, Wilayah Persekutuan Kuala Lumpur, 말레★★★★☆ · 호텔www.google.com우리가 쿠알라룸푸르에 있는 동안 계속 묵었던 호텔이고, 총 6박을 했다. 스튜디오 트윈(방크기 41m²) 을 예약했다.연회장이 있어서 그곳에서 뭔가 컨퍼런스 이런것도 가끔 하는 것 같았다. 우리가 처음 간날은 고위직으로 보이는 사람들의 파티같은 모임도 있었던 것 같다. 첫날 땅을 닦는 드레스를 입고 다니는 여자들과 턱시도를 입은 남자들이 로비에 굉장히 많았다. 그리고 다음에도 연회장에서 컨퍼런스 같은것을 하..

끄라비 안녕~, 볼트, 임 라이스 앤 누들, 취리히 브레드 (7/30)

오늘은 쿠알라룸푸르로 가는날이다. 아침을 간단히 먹고 수화물로 보낼 짐들을 체크 했다. 캐리어에 베터리가 있는 상품이 들어가지 않도록 항상 한번 더 확인을 한다. 나중에 문제가 될 수 있기 때문에. 짐을 싸고 노트북을 꺼내 쿠알라룸푸르에서 다낭으로 가는 바틱에어의 내티켓의 항공사 참조번호를 확인하기 위해 아고다로 전화를 했다.이번에도 아이와 아이아빠만이 하나의 항공사 참조번호로 되어 있고 나는 없었다. 그런데 오겠지..하고 기다리던 항공사 내 예약의 참조번호가 오지 않아서 아고다로 전화해 확인하기로 했다. 그런데 상담하는 직원은 한 참조번호로 우리가족이 다 되었다고 얘기를 했다. 그래서 내가 상황 설명을 했다. 원래 바틱에어는 성인의 경우 여러 참조번호가 나올 수 있고, 이번에 받았던 참조번호에는 내 ..

[Flutter] プロジェクトの基本フォルダー構成

プロジェクト直下にある各フォルダー(android, ios, web, windows など)は、後でアプリを配布するときに重要になる。(開発中にはこれらのフォルダで作業することはあまりない)フォルダーの下にあるファイルは 設定ファイル(configurationファイル).metadataは修正してはいけない。Flutterによる情報やメタデータが自動で管理されている。analysis-optionsはアプリを実行する前にエラーなどを教えてくれる。基本的にはデフォルト設定のまま使えばいいけど、もっと高度な開発ではカスタマイズして使える。プロジェクト名.iml(例: first_app.iml)ファイルは多くのメタデータや情報が入っていて、他のプラットフォームでもFlutterアプリを作れるようになっている。pubspec.yamlファイルはたまに修正して使う必要がある。画像などを使..

[끄라비] 아난타 부린 리조트(Ananta Burin Resort)-슈페리어 더블룸(전망 없음)

https://maps.app.goo.gl/BJfneKfotm1zesPQA 아난타 부린 리조트 · 166 Ao Nang, Mueang Krabi District, Krabi 81180 태국★★★★☆ · 호텔www.google.com끄라비에서 마지막 1박을 한 리조트이다. 우리는 슈페리어 더블룸(방크기 32m²) 를 예약했다. 우리는 4층에 묵었다.예약시 아이가 있어서 간이침대(한화 27,150원)가 필수였다. 로비로비가 없는 느낌이다. 로비라고 하기 조금 애매한 장소이다. 객실이 적은 곳도 아닌데, 많은 방을 가지고 있는 리조트 치고는 로비가 없어서 좀 그랬다. 그리고 의자가 몇개 있는데, 그리 편하게 앉을 만한 곳은 아니다. 아오낭의 경우 아침에 투어를 가는 사람들도 많기 때문에 로비에 오전에 사람이 ..

[끄라비]샌드씨 롱테일 보트, 아마존 카페, 오나농 레스토랑, 아오낭 야시장(7/29)

라일레이의 마지막날.. 우리는 마지막 조식을 느긋하게 먹었다. 라일레이도 이제 안녕이네. 끄라비에 다시 온다면? 라일레이를 조금 더 길게 잡을지도 모르겠다. 투어는 이곳의 투어를 이용해서 다녀도 될것 같고, 그리고 공항도 이곳에서 데려다주는 서비스가 있으니 그것을 이용해도 괜찮아 보였다.말레이시아 입국신고서 작성https://imigresen-online.imi.gov.my/mdac/main Malaysia Digital Arrival Card - MDACAre you sure you want to Log Out?imigresen-online.imi.gov.my 말레이시아 입국전 입국신고서를 작성해야 해서 미리 작성을 했다. 보통 3일전부터 날짜 선택이 내일 비행기를 타야하기 때문에 미리 작성을 하였다...

[Flutter] Paddingの使い方

FlutterでUIを作るとき、余白の順番は Padding → Border → Margin になっている。(これはHTMLも同じ順番)Paddingは内側、Marginは外側、Borderはその境界だった。PaddingとMarginの違い境界はBorder、内側はPadding、外側はMargin。Padding = 内側の余白Margin = 外側の余白EdgeInsetsの種類EdgeInsets.all(20) → 全方向に同じ余白EdgeInsets.symmetric(horizontal: 20, vertical: 16) → 横と縦を別で指定EdgeInsets.only(top: 10, left: 8) → 特定の方向だけreturn Card( child: Padding( padding: const EdgeInsets.symmetric(..

반응형