【vue.js】mixinでvue-routerを使う

こちらで書いたのとほぼ同じ内容だけれどもいちおうメモしておく。vue-routerの基本的な書き方は省略。Vueインスタンス生成部分 import Vue from 'vue' import VueRouter from 'vue-router' import routes from './routes' var router = new VueRouter({ rou…

【vuex】mixinでstoreを使う

vuexの基本的な使い方はみんな書いてるので省略Vueインスタンス生成部分 import Vue from 'vue' import store from './store' // ★ここを追加 Vue.store = store new Vue({ ・・・ store: store })mixin/mixinHoge.js import Vue from 'vue' export default …

vue-router query stringで配列を扱う

vue-routerでquery stringをパラメータにつける際に配列がうまくいかなかったのでそのときに調べたことをメモしておく。想定しているurl以下の形。 http://localhost/my-component/?val=1&arr[]=10&arr[]=20最初に試した書き方 this.$router.replace({ name:…

【postman】リクエストにrefererをセットする

リクエストの設定の「Headers」から設定できる。PHPでAPI作っていて、$_SERVER['HTTP_REFERER']に入っていたので「HTTP_REFERER」を設定していたけど上手くいかず。「Referer」という名前でセットしたらうまくいきました。以上です

【postman】console.logを使う

https://www.getpostman.com/docs/v6/postman/sending_api_requests/debugging_and_logs こちらのとおりだけれども。chromeのアドレスバーから「chrome://flags/#debug-packed-apps」表示 この状態になっていることを確認 chromeのアドレスバーから「chrome:…

CentOS7にMySQL5.7インストール

インストール MySQLのドキュメントを見ながら進める https://dev.mysql.com/doc/refman/5.6/ja/linux-installation-yum-repo.htmlどのパッケージをインストールするか確認 $ cat /etc/redhat-release CentOS Linux release 7.4.1708 (Core)EL7ベースであるこ…

【mac】homebrewでMySQL5.6をインストール

homebrewでMySQLをインストールすると5.7がインストールされた。が、今回は5.6を使いたかったのでそのときの手順をメモしておく。MySQL5.7のアンインストール $ brew uninstall mysqlMySQL5.6がインストール可能であることを確認してインストール $ brew sea…

【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標準インストールされている)を使えば、設定ファイルを元にパッケージの自動インス…