【javascript】GoogleMapの基本的な使い方まとめておく

GoogleMap使う機会があったので簡単な地図アプリならこれくらいわかれば作れるだろうということを簡単にまとめておく。っていっても本当に基本的なことだけだけど。 地図を埋め込む要素を用意 <script src="https://maps.googleapis.com/maps/api/js?key=APIキー"></script>

ES2015(ES6)で読めなかった構文

Reactをちゃんと勉強しようかと今どきのJavascriptのコードを見ているとわからない(というか読めない)ことが多々あった。記号とかの意味がわからないと検索もしずらかったのでメモしておく。 プロパティの略記法(ES6) オブジェクトにプロパティをセットする…

【emacs】空行のスペースを自動で削除

whitespace-modeというのを使えばよいらしい。whitespace-modeを使って、ファイルの保存時に行末のスペースや末尾の改行を削除する - Qiita こちらのとおりにやったらいけた。以上です。

【emacs】js2-modeでセミコロンなしの警告を無視する

init.elに以下を追加 (setq js2-strict-missing-semi-warning nil) (setq js2-missing-semi-one-line-override nil)参考 : https://github.com/mooz/js2-mode/issues/217

【angularjs】パスワード確認用入力フォームを実装する

今回やりたかったのは、サインアップ画面等でパスワードとパスワード(確認用)の入力画面を用意して、一致していなかったらバリデーションではじく。というありがちな画面。https://github.com/TheSharpieOne/angular-validation-match 探したところこちらに…

macにcordovaインストールエラーメモ

新PCにcordovaのバージョン6.5.0入れようとしたら、他のPCでは出なかったのに以下のようなエラーが。。。 $ npm install -g cordova@6.5.0 npm WARN deprecated node-uuid@1.4.8: Use uuid module instead npm ERR! path /usr/local/lib/node_modules/cordov…

【emacs】package.elで自動インストール

たとえば web-modeをインストールしたい場合は、init.elの先頭に以下を追加してやればよいみたい (require 'package) (add-to-list 'package-archives '("melpa"."http://melpa.org/packages/")) (package-initialize) (unless package-archive-contents (pa…

【emacs】package.elとuse-packageでパッケージ管理

先日からemacsのパッケージ管理について少し調べていて先日こちらでCaskを使う方法をメモした。その後、もう少し調べたりしていたところCaskを使わなくてもpackage.el(emacs標準インストールされている)を使えば、設定ファイルを元にパッケージの自動インス…

【emacs】CaskとGitでパッケージ管理を共通化して別PCへ簡単に移行

PCの移行でEmacsの設定やパッケージもそのまま持っていきたくて、.emacs.dをzipで固めて移行先のPCに移行。みたいなことをしていたのだが、プログラムではgitで設定ファイルだけ管理してとかみんなやってるのに何でこんなことしてるんだと思ったのでCaskとい…

【mac】homebrewでnode.jsをバージョン指定してインストール

一般的にはnvmとかnodebrewとか使うのが普通なのだろうとは思う。 今回はあんまり意味ないけど、homebrewで複数バージョンインストールしてそれぞれ使えるようにした。nodeのバージョン6と8をインストール $ brew install node@6 $ brew install node@8.bash…

【rails】check_boxでchecked_valueとunchecked_valueをセット

フォームヘルパーを使う上でかなり基本的な使い方かとは思うけどハマったのでメモしておく。 check_box :user, :is_magazine, :checked => @user.is_magazine, :checked_value => true, :unchecked_value => false // -> <input type="checkbox" name="user[is_magazine]" value="true" />未チェックの場合でも簡単にデータ送…

ionic(cordova)にてpush通知受信でフォアグラウンド・バックグラウンドを判定する

https://github.com/phonegap/phonegap-plugin-push/ こちらのプラグインを使ってプッシュ通知を実装した。で、今回やりたかったことはアプリがフォアグラウンドの場合とバックグラウンドの場合で受信した時の処理を切り分けたいということだった。ドキュメ…

【cordova】clipboardコピーのプラグインがiOS11で動かなかったときの対応

https://github.com/VersoSolutions/CordovaClipboard こちらのプラグインを使っていたのだが、iOS11でコピーできなくなっていた。https://github.com/VersoSolutions/CordovaClipboard/pull/35/files メンテされていないだけだと思うけど、こちらのPRのとお…

Android Studioにてアプリのメモリ使用量を調べる

cordova(ionic)で開発したアプリでフリーズする現象を調査したときのメモ。1. 画面下の「Android Monitor」を開く 2. 「Monitors」を開く 3. 調査したい端末を選択 4. アプリをビルドしてインストールしてアプリを選択 以上です

【Rails】update where in について

最初こうやってたけど、updateが複数回実行される形だったので非効率だった。 ids = [1, 2, 3] values = Array.new(ids.size, {status: false}) User.update(ids, values) # => update users set status = 0 where id = 1 # => update users set status = 0 …

2017年まとめ

仕事 今年は自分なりに大変な1年だったなぁと思いました。 仕事としては以下がメインだった。 ・ECサイトの改修案件 Web(php) ・辞書アプリの開発 iOS(Swift) ・情報系アプリの開発 ハイブリッド iOS、Android(ionic) ・マッチングアプリの開発 ハイブ…

【cordova】アプリがインストールされているかどうかを調べるプラグイン

https://github.com/nrikiji/cordova-app-installed-plugin とりあえずiOS版だけ作ってみた。こちらにswiftのやり方がのっていたのでプラグインに書き直しただけ。androidも簡単にできそうなので近々やろうと思う。が、誰か作ってくれたら嬉しいです。以上で…

【cordova】iOSのサイレントプッシュ通知について

cordovaでiosのサイレント通知を試したときの挙動についてメモしておく。試した環境 ・ios11 ・awsのsnsでサイレント通知送信結果 通知設定アプリ状態受信 onバックグラウンド可 フォアグラウンド可 停止中不可 offバックグラウンド可 フォアグラウンド可 停…

【go】echoでapiサーバーを実装するときに最低限必要そうなことをまとめておく

以前にgoでのapiサーバーの実装を調べたけどすでに色々忘れかけてるので手順などまとめておく。使おうと思った理由としては以下の要件が厳しめで、phpとかでは厳しいと思ったため。 ・レスポンスの高速化 ・APIサーバー数の最小化あと、時間が空くと環境作っ…

【javascript】Blob型の要素にfilenameをセットする

こんなのでいいのか。。今日けっこうハマってしまった。。 // Blob型のデータを準備 var blob = new Blob([ ・・・ ], { type: 'image/jpeg' }); // 送信 var formData = new FormData(); formData.append('image', blob, 'image.jpg'); // ★第3引数で指定!!…

javascriptでinput type="file"を作って送信

やりたかったこととしては、ユーザーが指定した画像をjavascriptで加工(トリミングやリサイズ)したファイルをinput type="file"に指定してアップロードしたかった。 結論から言うとFormDataにBlob型のオブジェクトをセットして送信すればいいみたい。 var fi…

iPhoneで撮った写真が逆さになる問題をブラウザ側で解決する

スマホからフォームで画像をアップロードしてphpで保存したら逆さで保存された - とりあえずphpとかかなり昔に同じ問題に遭遇した時はサーバーサイドで解決した。が、jsが進化したからか自分がjs触る機会が増えたからかわからないけど、今回ブラウザで解決し…

javascriptでのクラスひな形

ちょっと調べてたけど、素のjavascriptて最近あまり書かないのかな。。?と思いつつサクッと作ることもあるかと思うので。 (function(global) { // Constructor function MyModule(name, age) { this.name = name; this.age = age; return this; } // Privat…

javascriptのif文について

最近疲れがちで感覚でやってしまいがちなのでメモしておく。 <script> function testIf(value) { if (value) { console.log('true'); } else { console.log('false'); } }; // 数値 testIf(0); // false testIf(1); // true testIf(-1); // true // 文字列 testIf(''…

【Rails】has_many through について

最近、active recordをダラダラいじってるけど全然慣れない。。今回は少しでも理解を深めるために「has_many through」構文?のオプションを省略せずに書いてみたのでメモとして残して置く。テーブル構造は、以下のようにrailsの規則どおりのもの。 users(id)…

【Rails】where like検索の使い方メモ

今回やりたかったことはjoin先のテーブルからLIKE検索したかった。今回使うモデルは2つで以下の形。 class Category < ApplicationRecord has_many :movies end class Movie < ApplicationRecord belongs_to :category endこんな感じでできた Movie.joins(:c…

【css】marginを取消(リセット?初期化?)する

css

css全然わかってないけど、デザインちょっと調整してとか言われるとchromeのデベロッパーツール使って、チクチク直すことが多々あります。で、上書きはよくやっていたけど、スタイルの取消?リセット?初期化はやったことなかったかも。 <style> /* 既存のスタイル */</style>…

ionic state resetとrestoreの違い

それぞれのヘルプをみてみる $ ionic --help reset ・・・ Clear out the platforms and plugins directories, and reinstall plugins and platforms restore ・・・ Restore the platforms and plugins from package.jsonreset はplatformディレクトリとplu…

ionic(cordova) config.xmlを環境(development、production)毎に分ける

以前から気になっていた内容。 ionic か corodova の標準の機能でありそうだけどドキュメント眺めたり検索してもよくわからない。みんな必要な機能な気がするがどうやるのが正しいのだろうか。解決したかったこととしては以下 ・アプリのBundle Identifierや…

【ionic】ion-list ion-itemをタップしたときのhighlightの無効化

正しいやり方わからないけど、これでできたので自分用にいったんメモしておく .item.activated.item-complex > .item-content { border-color: #FFF; background-color: #FFF; }