【Ionic】メニュー内で画面遷移するサイドメニュー、ナビゲーションメニュー、ドロワーを実装する

Webアプリやスマホアプリで実現したいUIの作り方を検索するときのキーワードに悩むことが多い。画面左上(または右上)のアイコンをクリックすると左からスライドして表示されるメニューって、人によって呼び方が違うが何と呼ぶのが正解なのだろう。サイドメ…

flutter StreamBuilderから遷移した画面のStreamBuilder内のTextFieldを初期化する

困った。StreamBuilderで作ったList画面から、これまたStremBuilderで作ったEdit画面へ画面遷移。Edit画面のStreamBuilder内にTextFieldを置いて、Streamから取得した値で初期化しようとすると、キーボードを表示する度にStreamが流れてしまい、編集しようと…

dart catchErrorのチェーン

catchErrorをチェーンしたときの理解があやしかったので試した void main() async { // catchErrorで例外を投げる _future(true) // o:実行される x:されない .catchError((e) => throw e) // x .then((v) => _future(v)) // o .catchError((e) => throw e) …

dart Future型を戻り値とする関数(メソッド)

Futureを返すメソッドの理解があやしかったので実験してみた バージョン : Dart 2.6.0 (build 2.6.0-dev.1.0 d6c6d12ebf) Future<int> Future<int> _future() { // OK // return Future.value(1); // Warning : info: This function has a return type of 'Futu</int>…

flutter ビルドできないときに確認すること

Android Studioでflutterアプリを実機にインストールできないときの備忘録 xcodeのSigning Teamが選択されていない ・現象 iOSの実機にインストールできないエラー 2019-10-17 13:16:41.773 ios-deploy[39315:228336] [ !! ] Error 0xe80000be: This applica…

flutter android studioでdebug printが表示されない

iPhoneにビルドしてdebug printを確認したかったのだがAndroidStudioのコンソールになかなか表示されず躓いたうまくいかないやつ print("表示されない"); debugPrint("これも表示されない");うまくいったやつ import 'dart:developer'; ・・・ log("やっと表…

ionic(cordova)でsignin with appleを実装するプラグイン

iOS13のリリースも近いがcordovaアプリでも当然実装しないとならなくなりそう ionicで標準装備してくれるとありがたいが、まだなさそうなのでサードパーティのプラグインを使うしかなさそうgithub.com こちらで以上です

ios SideMenu ライブラリの使い方

アプリの左から開くサイドメニューを作りたくライブラリを探したらけっこう出てきた。こちらの使い方を調べたので簡単にまとめておく github.com今回やるながれはこんな感じ 1. メニュー化するViewControllerの作成 2. AppDelegateで1.で作成したViewControl…

ionic Platform.readyについて

ionicのPlatform.readyはネイティブ側で必要な初期化処理が完了したときに発火される。ネイティブの機能を使うプラグインを使用する場合、Platform.readyが終わってないと使用できないというわけだ。console.logも実機で動かす場合はcordovaがラップしてObje…

ブランチを指定してgit log

git

そういえば今までカレントブランチのログしかみてなかった ローカルブランチの整理でいちいちブランチ移動してgit logするのはさすがに... git log ブランチ指定でいけたのか git log master # masterのログ git log hoge # hogeのログ以上です

AngularjsでIME入力を完了しないとng-modelに反映されなくてハマった

またAngularjsとか今さらな話だけど...https://qiita.com/yaegaki/items/c9cf111ef9d0c541a194 こちらを参考に自分のアプリに試してみたところ、動くところと動かないところが出てきたこんな感じのコードが動かなかった <div ng-if="show()"> <input type="text" ng-mode="input.hoge" jp-input /> </div>ng-showにしたら動いたよ <div ng-show="show()"> </div>

iOS Share Extensionで保存したuserDefaultsの値が取得できなくてハマったよ

https://qiita.com/KosukeQiita/items/994693da551a7101cc9c こちらを参考にほぼ同じコードで試していたが上手くいかないこと数時間...保存した値をuserDefaultsから取得しようとしたらこんなエラーぽいメッセージが出てた [User Defaults] Couldn't read va…

ionic(cordova) での動画のトリミング

はじめに ionic(cordova)で動画を時間でトリミングすることができるUIを実装したくてプラグインを探した。Instagramの動画投稿のようなものをイメージしている。https://github.com/jbavari/cordova-plugin-video-editor 最初に見つかったのがこちらのプラグ…

flutter Widget rebuild statsを確認

Android Studioの話 1. 画面右下の「Flutter Performance」をクリック 2. Widget rebuild stats」を選択して、「Show Widget rebuild information」のチェックを外す 3. ビルドボタンする 4.「Show Widget rebuild information」をチェックする 5. Widgetが…

flutter TabBarViewでListViewを使う

https://qiita.com/Dreamwalker/items/cc19bb4f8b7068ae0fd3この辺りを参考にタブバーを試していたが、タブを切り替えるたびにTabBarViewのchildrenにセットしたWidgetがinitStateされてしまってListViewが毎回作られてしまった。DefaultTabController使って…

AppStore公開用のスクリーンショットの作り方

はじめに iPhoneアプリをAppStoreに公開するときスクリーンショットを提出する必要がある。やる機会も大してないのでいざやろうとすると毎回やり方調べてるのでメモしておく。最低限必要な画像のサイズは以下を1枚ずつ(2019/07/18時点) iPhone6.5インチ用の1…

flutter ListViewで無限スクロール

これが答えだったのかあ https://qiita.com/najeira/items/454462c794c35b3b600aよくわからず FutureBuilder 使わないといけないのかなとか色々試行錯誤してたらこんなバッチリな記事がありました。ListView作るときってitemCount必須かと思っていたのだが省…

ionic cordova-firebase-pluginとphonegap-plugin-pushを併用する

Badノウハウ 今回やりたかったことはphonegap-plugin-pushを使用してプッシュ通知を実装しているプロジェクトに、firebase analyticsを導入したいということ。新規のプロジェクトだったらプッシュ通知もfirebaseに寄せればいいのだろうが古いプロジェクトな…

flutter キーボードに完了ボタンを設置する

https://github.com/diegoveloper/flutter_keyboard_actions これを使うとできるらしい。サンプルコードはサンプルが多かったのでとりあえず最低限のコードを // ☆importする import 'package:keyboard_actions/keyboard_actions.dart'; class MainScreen ex…

flutter ios 画面タップでキーボードを閉じる

今回やりたかったことはキーボードが表示されているときに画面をタップしたらキーボードを閉じるということ。swiftでの開発でも考慮する必要があるがflutterでも同じだった以下のようにすればいいとみんな書いてるがなぜか上手くいかず、、 FocusScope.of(co…

flutter hello worldひな形

flutterが最初に作ってくれるプロジェクトだと大げさなのでこれくらいがいい StatelessWidget import 'package:flutter/material.dart'; void main() => runApp(HelloApp()); class HelloApp extends StatelessWidget { @override Widget build(BuildContext…

rails urlからパラメータを削除する

これを https://example.com/?p=1&o=2これにしたいだけ https://example.com/ url = 'https://example.com/?p=1&o=2' uri = URI(url) "#{uri.scheme}://#{uri.host}#{uri.path}"以上です

rails strong parametersの使い方とハマったところ

基本的なつかい方 送信する方はとりあえずjqueryでこんなイメージ $.ajax({ type: "POST", url: "https://example.com/books", data: JSON.stringify({ title: 'タイトル', description: '説明' }), contentType: 'application/JSON' });今回使うテーブルはb…

git merge用ブランチを作成してコンフリクトを回避する

git

困ったこと branchAとbranchBがあって、branchBからfeatureブランチを作成。featureブランチで修正を加えてorigin/branchAにマージしようとしたらfeatureでまったくいじってない部分でコンフリクト。featureの修正だけorigin/branchAに取り込みたい。 解決策…

flutter Scaffoldで使えるWidget

Scaffoldで使えるWidgetを指定してみた。Scaffold使うと以下を簡単に指定できるのか ・appBar : 画面上のバー ・drawer : Drawerメニュー。指定するとappBarの左に勝手にメニューアイコンが表示された ・endDrawer : drawerと同じだけどappBarの右にメニュー…

ionic1 iosでunsafeエラーで画像が表示されないときの対応

またionic1。ionic-cli5.0.2でtabsのテンプレートプロジェクトを作成後、iPhoneでアプリを起動すると画像が表示されない。safariの開発モードで見るとこんなエラーが出てた unsafe://ionic/localhost/img/adam.jpg$compileProvider.imgSrcSanitizationWhitel…

ionic1 ion-slidesのスワイプでのページ切り替えを無効化する

今さらすぎて誰の役にも立たない内容だけど、ハマったのでメモしておく。今だにionic1使ってるプロジェクトあるから仕方ない。ionicではswiperというのを使ってるらしくswiperのドキュメントみたら解決した。swiperのドキュメントはこちら https://idangero.…

swift codableのデバッグ

型や項目の必須、任意が正しくないと1件もヒットしなくなってしまうのでエラー時のデバックプリントはたぶん必須Swift let data = """ [{ "id": 1, "name": "USER1", },{ "id": 2, "namexxx": "USER2", }] """.data(using: .utf8)! struct User: Codable { v…

node dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.xxx.dylibエラー

node6がEOLになったのでnode8にあげてfastlaneでionicプロジェクトをビルドしようとしたら以下のエラー発生 dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.62.dylib Referenced from: /usr/local/bin/node Reason: image not found (省略)…

carthage SWIFT_VERSION '5.0' is unsupported, supported versions are: 3.0, 4.0, 4.2.エラー

タイトルのエラーの原因と解決策のメモ 今回は「Smile-Lock」というパスコードの入力画面を簡単に実装できるライブラリを使おうとして発生。プロジェクトの都合でxcodeのバージョンは10.1でSwift4.2を使用。Cartfile github "recruit-lifestyle/Smile-Lock"c…