2018-01-01から1年間の記事一覧

【Rails】プロジェクト作成手順(カレントディレクトリに)

何度も似たような事書いてる気がするけど。プロジェクトごとにrubyのバージョンを設定してrailsインストールして、同ディレクトリにrailsプロジェクトを作成する手順。ついでにMySQLも。 # install可能なバージョンを確認(Ruby, Rails) $ rbenv install -ls …

【Rails】MySQLテーブルの文字コードを変更する

テーブルの文字コードをutf8mb4に変更するさいに調べていたが既存のテーブルについては新たにmigrationファイルを作って文字コードを変更するSQLを実行するのが必要そうだったが、調べるのに時間かかったのでメモしておく。$ ./bin/rails g migration change…

ionic(cordova)iPhoneXでスプラッシュ画像が正しく表示されなかったときの対応

まず、スプラッシュ画像をセットする方法は2つあってxcodeのimages.xcassetsの以下のどちらかに正しいサイズの画像をセットすれば良いらしい。 1. LaunchImageに画像をセット 2. LaunchStoryboardに画像をセット今回は1.の方でやったときの流れをメモしてお…

【mac】grepで半角カナを検索できずにハマった

以下のコマンドでいけると思ったのだが意図した動きにならずに色々調べるハメになったのでメモしておく。 $ grep '[ア-ン]' file 使われているロケール、文字コードが正しいか? $ locale LANG="ja_JP.UTF-8" LC_COLLATE="ja_JP.UTF-8" LC_CTYPE="ja_JP.UTF-8"…

【iOS】AdHoc版アプリが起動しなくなったときに調べたこと

前提としてはずっとAdHoc版でデプロイゲートから配布していたアプリが突然起動しなくなったとのこと。 ipaの有効期限を見ても期限内だったのでちょっととまどったがその時に調べたことをメモしておく。AdHoc版のipaからembedded.mobileprovisionを確認発生日…

【mac】node.jsのバージョン管理(切り替え)について調べたことメモ

各バージョンのnode.jsをhomebrewでインストールして、bash_profileでPATHをちくちくいじって変更していた。が、npmやnpmでインストールしたソフトもバージョン固定でなく複数バージョン使えるようにしたかった。自分の環境ではnpmでインストールしたものが…

ionic(cordova)でiPhoneXでステータスバーの背景色が適用されなかった時の対応

タイトル通りですが、既存プロジェクトのアプリをiPhoneXに対応させたときの対応をメモ。やったことはざっくり以下1. ionic本体を1.3.3から1.3.4へバージョンアップ 2. cordova-plugin-statusbarプラグインを2.1から2.4.1へバージョンアップ1.については、コ…

HTML・CSSコーディングを外注するときにチェックすべきだったと後悔したこと

たぶん基本的なことだと思うけど忘れがちな自分のためにメモしておく。 文字数を変えて確認すること 仕様的にちゃんと決まっていない場合もあるかもしれないけど決まってなければ決める必要がある。データを動的にしたときに気づいて別の人が直すとかだとけ…

【React】componentでのonClickの使い方

ReactでonClickにメソッドをひもづけたときにundefinedエラーが出た。そのときに対応する方法がいくつかまとめておく。問題のコード class App extends React.Component { constructor() { super() this.state = { items: [] } } addItem() { this.setState(…

【javascript】オブジェクトのプロパティ名に変数を使って動的にセットする

ES6では、こんなことができるのか。 const column = "age" obj = { [column]: 18 } console.log(obj) // { age: 18 }オブジェクト初期化子 - JavaScript | MDNこれは便利。以上です。

【git】マージ済、マージ未のブランチを確認

git

# ブランチ確認 $ git branch develop * master # マージ済のブランチ確認 $ git branch --merged # developブランチで作業 $ git checkout develop 〜なにか修正 $ git commit -m "hoge" # マージ未のブランチ確認 $ git checkout master $ git branch --no…

【emacs】find-diredでファイル名検索

M-x find-dired Run find in directory: path/to Run find (with args): -name "hoge.php" -printこれだけなんだけど、以下みたいにやっててエラー出てた。。findコマンドで使ってるオプションそのまま投げればよいだけだったのか。。 M-x find-dired Run fi…

【angularjs】外部スクリプトの読込が完了してからコントローラを実行する

今回はGoogleMapを扱う際に気になったのでちゃんと実装してみたのでその時のメモ。htmlにscriptタグを埋め込むやり方が普通なのだろうが、そこでネットワークエラー等が発生するとhtmlを再読み込みしない限り2度と読み込むタイミングがないのではないかとい…

【JavaScript】GoogleMapで日本地図全体を中心にして全て表示

なんかのネタっぽいけどコピペ用にメモ var div = var div = document.getElementById('map'); var map = new google.maps.Map( div, { mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true } ); var latLngs = [ [45.52289, 141.9366], [30.…

「You must pass a component to the function returned by connect. Instead received」エラー対応

不慣れで相変わらず細かい事にはまってる。1つずつメモしていくしかない。コンテナとかコンポーネントとかはReactの勉強中なのでReactのそれ。ただ今回は単純にJavaScriptの使い方の問題だった。エラーメッセージ You must pass a component to the function…

【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. アプリをビルドしてインストールしてアプリを選択 以上です