【Dart/Flutter】Shift-JISでストレージにファイルを出力 - Qiita
何を解決する記事か？ Dart/Flutter開発において、日本語文字列をShift-JISでエンコードしてテキストファイルを出力する方法を記載します。 （標準ではおそらく対処できず、一工夫します。） 結論 charset_converterライブラリ を使用して、下記のように処理します。 final encoded = await CharsetConverter.encode("Shift_JIS", contents); //encoding await File(filePath).writeAsBytes(encoded); //save contentsは書き込む本文、filePathは保存するパスです。いずれもString型です。 通常、テキストファイルの出力はFile.writeAsString関数を使用しますが、ここではライブラリを使用してバイト配列にエンコードした上でフ
【Flutter】RiverpodとSharedPreferencesを使ってダークモードに切り替える - Qiita
完成イメージ ユーザーがアプリのボトムナビゲーションバーにある「settings」オプションを通じて、ライトモードとダークモードを簡単に切り替えることができるようなものを想定します。 フォルダ構成 ※構成はあくまで一例です。 models：ビジネスロジックとアプリケーションの状態管理（テーマモードの管理） service：データの保存や読み込み pages：UI 実装手順 1.SharedPreferencesの利用 テーマ設定を保存し、読み込むためのPreferencesServiceクラスを実装します。 全コード import 'package:flutter/material.dart'; import 'package:shared_preferences/shared_preferences.dart'; class PreferencesService { static con
MacでFlutterの開発環境を構築する手順 - Qiita
Flutterとは Flutterとは、Googleによって開発されたモバイルアプリケーションSDK (Software Development Kit)です。 クロスプラットフォームに対応していて、1つのコードで複数のプラットフォーム(iOS,Androidなど)に対応したアプリケーションを開発することができます。 開発環境構築手順 MacでFlutterの開発を始める為に開発環境を構築していきましょう。 ※所要時間約1時間(ダウンロードやインストールをするので時間かかります。) 1.Flutterをダウンロードする 下記の公式サイトからFlutterをダウンロードします。 https://flutter.dev/docs/get-started/install/macos Apple Silicon Macの場合 重要: Apple Silicon Macにインストールする場合、いくつ
MacでAndroidStudioを完全アンインストール - Qiita
2021年5月 変わらず使えます。 普通にゴミ箱にポイってするだけだと あれやこれや残りまくってしまう。 コマンドで以下を1個ずつ叩くとキレイに消えます。 最後の一行はSDKの削除です 4.1以降のAndroidStudioをお使いの方 rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/Google/AndroidStudio* rm -Rf ~/Library/Logs/AndroidStudio* rm -Rf ~/Library/Caches/AndroidStudio* rm
ゲーム感覚でプログラミング学べるサービス集 - Qiita
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
Flutter + Firebase 簡単！メール認証の実装 - Qiita
今回やったこと 新規会員登録などで、会員登録後に登録したメールアドレスに届いたメールのリンクを踏むと登録完了となるアレです！ FirebaseAuthenticationを使ったお手軽なメール認証を、Flutterバージョンでお届けします。 コードだけサクッと知りたい方はこちらになります。 Firebase設定の手順を知りたい方は、さらに読み進んでください。 String mail; String password; Future shinUp() async { try { final _auth = FirebaseAuth.instance(); // バリデーション後のメールアドレスとパスワードでアカウント登録 await _auth.createUserWithEmailAndPassword(email: mail, password: password); // 確認メール送
FlutterでiBeaconを発信/検出してみた - Qiita
FlutterアプリでiBeaconを検出したり、発信したりしてみたので、ざっくりまとめておく。 iBeaconとは iBeaconそのものについては、下記の記事を参照。主にiOS等で使われるbeacon技術。 iBeacon - ウィキペディア iBeaconとは - ケータイ Watch Watch BeaconBroadcast beaconBroadcast = BeaconBroadcast(); bool isAdvertising = await beaconBroadcast.isAdvertising(); BeaconStatus transmissionSupportStatus = await beaconBroadcast.checkTransmissionSupported(); if (!isAdvertising && transmissionSupport
FlutterでGoogle Mapを表示させる - Qiita
初めに Flutterを使っている人の中で、GoogleMapの導入を考えている人も多いのではないでしょうか。 自分も自作しているアプリの中で、GoogleMapを導入することになったので、その使い方を共有したいと思います！ なお、今回はiOSのみ行います。 APIキー取得 Google Maps Platformのページから以下の６つの項目を完了させてください。 Googleアカウント作成 Google Cloud Platform 利用開始 請求先アカウントの設定 プロジェクトの作成 API有効化 APIキーの作成 今回はiOSに導入するため、有効化させるAPIは「Maps SDK for iOS」のみです。 AppDelegate.swift の変更 APIキーの取得が完了したら GoogleMap を読み込むために設定を変更する必要があります。 以下のパスにあるファイルを開いて下の
BottomNavigationBar をキープしたまま画面遷移する - Qiita
現状の問題 BottomNavigationBarで表示したWidgetから何も考えずにNavigator.of(context).push()で遷移すると以下のように、画面遷移と同時にBottomNavBarが消えてしまう。 表示した画面から遷移するコードは以下のようなイメージ。 _buildCategoryButton() { return child: RaisedButton( child: Row( children: [ Text( 'カテゴリ名', style: TextStyle( color: Colors.white, fontSize: 15, fontWeight: FontWeight.w500, ), ), ], ), onPressed: () => onPressedCategory(1), ), ); } void onPressedCategory(in
FlutterでHTTPリクエストやってみる。 - Qiita
name: getx_app description: A new Flutter project. # The following line prevents the package from being accidentally published to # pub.dev using `flutter pub publish`. This is preferred for private packages. publish_to: 'none' # Remove this line if you wish to publish to pub.dev # The following defines the version and build number for your application. # A version number is three numbers separate
VS Codeのユーザースニペット機能の使い方メモ - Qiita
スニペットとは スニペットは定形のテキストをあらかじめ登録しておいてそれを呼び出す機能(他のツールだと「テンプレート」「雛型」みたいな言い方もする)。あらかじめ定義されているスニペットを利用する以外に、自分でスニペットを定義することもできる(ユーザースニペット)。 ソースコードでも文章でも、普段の作業でよく入力するテキストを登録しておけば作業のスピードアップになるし入力間違いを防ぐこともでき、使い方によって作業効率がかなり上がる。 VS Codeのユーザースニペットの種類 Visual Studio Code(以下VS Codeとする)では、ファイルの種類(.txtとか.htmlとか)ごとにユーザースニペットを定義する方法と、ファイルの種類に関係なく共通のユーザースニペット(グローバルスニペット)を定義する方法の大きく２種類の定義方法がある。 ユーザースニペット定義の表示方法 VS Cod
flutterアプリからAPIをPOSTで叩いてパラメータを渡す（サーバに保存する） - Qiita
これをPOSTで呼び出す。API側では、渡されたパラメータをサーバのログに吐き出すようにしてあるので、 パラメータが確実に渡ったことをログで確認する。 IPアドレスは、自PCに起動したVirtualBox（仮想サーバ）のアドレスである。 APIのソース 今回はCakePHP3で実装した。id, name を受け取る。 public function flutterPostTestApi() { $id = $this->request->getData('id') ?? null; $name = $this->request->getData('name') ?? null; if (empty($id)) { $this->badRequest('id is empty. This message from API.'); } $response = []; $response['id
【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita
はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思い出せないと言う方は多いのではないでしょうか？ もしかしたら、15個以上言えたら、CSS玄人と言えるかも知れません。 この記事では、たくさん種類があるのは知っているけど、詳しくはわからない "擬似クラス" が、 何種類あるか、どんな擬似クラスがあるかをまとめました。 知らなかった "擬似クラス" の数を数えながら、読んでいただけると嬉しいです。 擬似クラス 擬似クラスとは？ 擬似クラスとは、セレクタのあとにつけることで、 指定した要素の状態に応じて
TinyMCEを設置する - Qiita
TinyMCEは、ブログやWordのような形で文章を見たまま編集(WYSIWYG。What you see is what you get)できるエディタのライブラリです。 (JavaScriptで作られていて、ライセンスはLGPLです) プラグインなどによる機能が豊富 WordPressなどに採用されていて品質が高い ツールバーの追加、ボタン位置の入替や削除、独自ボタンの追加などカスタマイズが柔軟にできる などの特長があります。 この文書では、TinyMCEの基本的な設置方法を説明します。 ※ この文書は独自で開発しているWebシステムやツールにTinyMCEを組み込むことを想定したもので、WordPressなどに組み込まれているTinyMCEのカスタマイズ資料ではありません。 1. 配布サイトからファイルをダウンロードする まず https://www.tinymce.com/down
Svelteで使えるUIコンポーネントライブラリをまとめてみた - Qiita
はじめに Svelteで使えるUIコンポーネントライブラリを調べたのでまとめます。 新しく出てきたライブラリを追加したり、1年以上メンテナンスされていないライブラリは削除していきます。 Svelte Material UI サイト：https://sveltematerialui.com/ GitHub：https://github.com/hperrin/svelte-material-ui Skeleton サイト：https://www.skeleton.dev GitHub：https://github.com/Brain-Bones/skeleton Melt UI サイト：https://www.melt-ui.com/ GitHub：https://github.com/melt-ui/melt-ui Flowbite Svelte サイト： https://flowbite
SapperでSCSS（や他のCSSプリプロセッサ）を使う方法 - Qiita
最近マイブームの Sapper （ Svelte ）ですが、 Nuxt の時のように SCSS が使いたくて調べたわけです。 （Sapperのインストールは こちら を） 標準ではSCSSは使えない SCSSをはじめ、Less、StylusなどのCSSプリプロセッサはSapper単体ではサポートしていないようです。 （ :global() を駆使して......という方法ができなくはないみたい） ちなみに、SapperのIssuesに似たようなものがあがっていました。 Global SASS/SCSS/Less/Stylus support #474 NuxtアプリケーションからSapperにコンバートするのでBulma使えないとこまるーみたいな感じです。 このIssuesのなかに、 For SCSS support you might want to have a look at htt
TP-Linkのネットワークカメラの映像をOBSに取り込む - Qiita
Qiita初投稿です。 本記事ではTP-Linkのネットワークカメラ、TapoカメラシリーズにあるRTSPライブストリーミング機能を利用して、Tapoカメラの映像をライブ配信ソフト、OBSに取り込む方法について説明します。 別途、Tapoアプリを操作するスマホが必要です。 ポート転送などを設定すればインターネット越しにOBSに映像を取り込めますが、セキュリティ上、TapoカメラとOBSを起動する端末は同じLAN上にあるほうが望ましいです。 以下環境で問題なく映像が取り込めることを確認しています。 Tapo C200 https://www.amazon.co.jp/dp/B07YG7RNF2 OBS Studio 26.1.1 https://obsproject.com/ja/download 1. Tapoアプリでアカウントを作成 以下TP-Link公式サポートページの「ステップ1:
PHPMailerでメールをSTMP送信する - Qiita
概要 PHPMailerを使ってSMTPでメールを送信するまでのメモです。 環境の都合でComposerを使用せず、ソースをDLして実装します。 PHPMailerは記事更新時点での最新バージョンを使用しています。 PHPMailerの準備 公式のGithubリポジトリからソースを入手します。 「Clone or download」からzipをDLすることが出来ます。 zipを解凍すると「PHPMailer-master」というディレクトリができます。 使い勝手を考慮して「PHPMailer」にリネームし、ディレクトリごと好きな場所に置きます。 PHPMailerを実装 まずは必要なファイルを読み込みます。 Composerを利用していないので、requireで各ファイルを読み込む必要があります。 <?php use PHPMailer\PHPMailer\PHPMailer; use P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Flutter】TextInputTypeを使ってキーボードを指定する（テキスト・数字・日付など） - Qiita
『自分用』Flutter入門 Providerの使い方 - Qiita
