PROGRAM

VeeValidate でフォームをいい感じにする

VeeValidate とは baianat.github.io フォームにバリデーションを掛けてくれる便利なやつ。 例えば、メールアドレス入力欄のバリデーションを メールアドレス形式 入力必須 MAX255文字 としてバリデーションしたい場合、このように定義してあげるだけで

Nuxt.js どうにも不明なエラーが出た場合チェックする箇所

Nuxt.js を書いていてこんな経験は無いだろうか? 急にエラーが出た ソースコード上では全く問題なさそう エラー箇所を消してもエラーの内容に変化なし 無い?ああ、あなたはすぐこのページを閉じるべきです。 なぜならたいしたことのない話だからです。 あ…

Vuex にて state に( data で定義した)Object を代入すると参照渡しとなり、当該 data の変数を v-model で参照している場合、値を変更するとエラーとなる

こんなエラーが出た。 app.js:580 Error: [vuex] do not mutate vuex store state outside mutation handlers. at assert (commons.app.js:19688) at Vue.store._vm.$watch.deep (commons.app.js:20364) at Watcher.run (commons.app.js:15703) at Watcher.u…

Nuxt.js で app.html を作る際、地味にハマったコト

GTM と YTM を Nuxt.js プロジェクトに設定しているが、YTM を設定する Google Tag Manager GTMは @nuxtjs/google-tag-manager を利用すれば簡単に設定できる。 Yahoo Tag Manager YTMはmodule化されていないため、生HTMLタグで設定する必要がある。 <script id="tagjs" type="text/javascript"> (funct…

Nuxt.js のv-for内部で、動的にファイルのURLを作成する

地味にハマったのでメモ。 例えば、下記のように画像ファイルのURLをべた書きしたならば、ちゃんと /_nuxt/src/assets/images/consultants/1.jpg として認識してくれる。 <div v-for='user in users' :key='user.id'> <img src='~/assets/images/profiles/1.png' /> </div> v-forでユーザー一覧データを回していることから分かってもらえる通り、 :src を指…

Nuxt.js 2.6.2 / axios 5.0.0 で、axios の deafaults.baseUrl を設定するハナシ

前段 vuex の actions 内で this.$axios を使ってAPIを叩きたい。 エンドポイントは 環境ごとに分けたい。 - local : http://localhost:3000/api - production : http://hogehoge.jp/api しかし、現在ローカルでは axios: { host: 'localhost', port: 3000, …

達人プログラマー システム開発の職人から名匠への道

なんとなく気になったので読書。 プログラマーがプログラマーとして上のステップに行くためのチップスや、考え方などを凝縮した一冊。 と言いつつ、実は最終章さえ読めばよいのでは?と思ってしまった(それだけ最終章がうまくまとめられている)。 この本で…

Nuxt.js(2.4.x)でAutoKanaを利用する方法

参考にさせていただいたページ Vue.jsで自動カナ入力する。 autokanaの導入で奮闘してみた。 - Qiita 【Nuxt.js】ReferenceError: window is not defined ってエラーが出た|たか橋|note window or document undefined - Nuxt.js 上記をすべて読んだ前提で…

Visual Studio CodeでLocalHistory機能を取り入れる

TL;DR コレが最高すぎた github.com 導入方法 ⌘+Shift+X でMARKETPLACEの検索を開く。 Local History で検索 インストール LocalHistoryの設定 ⌘+, で設定ファイルを開く 拡張機能 > Local history configuration でいろいろ設定する 僕は7日間保存、10秒保…

#Nuxt.jsのComponentをどの単位で分けるか悩んだ話

この記事は、空いていたので Nuxt.js #2 Advent Calendar 2018 の21日目の記事としました。 20日目は同僚である@ryamakuchiのNuxt.js と Firebase(Firestore)を使って認証と DB 保存を実装するでした。 TL;DR Nuxt.jsのComponentをどの単位で分けるか悩ん…

Nuxt.jsのSSRの動きをHeadlessBrowserで確認してみる

この記事は、Nuxt.js #2 Advent Calendar 2018 の15日目の記事です。 14日目は POPOPON - Qiita さんの Nuxt でストアから GraphQL を扱う方法 - Qiita でした。 16日目は taroodr - Qiitaさんお願いします。 SSR(サーバーサイドレンダリング)してますか?…

自社サービスのRails4を、Rails5にアップグレードした話

会社のRails4.2.0で動いているプロダクトは、Rails5.2.0へとアップグレードしたので、メモがてら大変だったことなどを書いておこうと思います。 何故やろうと思ったのか Railsをアップグレードすることで便利な機能が追加されたと、得られる嬉しい事がいろい…

Vue.jsの仮想DOMのレンダリング処理はどのようにして動いているのか

このエントリーは、Vue.js #2 Advent Calendar 2018アドベントカレンダーの4日目の記事です。 3日目は 【2018年】Vueのテスト関連まとめ【非公式】 です。 5日目は @nekobato さんの 「VueとAtomic Design」ですね! 以前、「Vueの仮想DOMアルゴリズムは…

Nuxt.js x Firebase事始め

この記事は、Nuxt.js #2 Advent Calendar 2018 の1日目の記事です。 2日目は @amishiro さんの 「nuxt.js(v2)でSEOに必要なmeta(OGP含む)を最低限コントロール」です。 せっかくのアドベントカレンダーが空いていたので、サクッと事始め的なものを書いてお…

nginxでBasic認証

いっつも忘れてそのたびに検索したりする。 何度かそんな事しているので、もう自分のブログにメモ。 ログインパスワード作成 $ sudo htpasswd -c /etc/nginx/.htpasswd {user_name} 設定ファイル編集 $ vim nginx.conf location / { ・・・ auth_basic "Rest…

ransackで条件追加メモメモメモメモォォォオオオ

ただのメモなので真に受けないでください。 if文とかで条件を追加したい場合 @q = Employee.ransack(params[:q]) @q.build_grouping({ :m => 'or', :name_eq => "omi", :name_eq => "end" }) 多分こんな漢字 select id, name from employees where name = "o…

ScalaとRubyのコレクションで使える.mapについてちょっと調べてみた

突然ですが 先日、後輩くんがこんな実装をしました。 _nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] _divisible = _nums.select{ |n| n % 2 == 0 } p _divisible # [2, 4, 6, 8, 10] _multiplied = _divisible.map {|n| n * 100 } p _multiplied # [200, 400, 60…

#ScalaMatsuri 2018にスタッフとして参加した感想等

まつり感! #ScalaMatsuri pic.twitter.com/IvUFK3JXXD— -\/(オミ・エンドリックス) (@omiend) 2018年3月16日 はじめに このブログエントリーの内容は、ScalaMatsuri / Japan Scala Associationとは関係ありません。 あくまで @omiend 個人の感想です。 です…

Ruby on RailsでPDF作成&ダウンロード機能を実装

PDFダウンロード機能を実装したのでメモ 環境 ここに作った。 https://github.com/omiend/my_strongest_ror wkhtmltopdf / wicked_pdf PDF生成に利用したGEMは下記。 gem ‘wkhtmltopdf-binary’ gem ‘wicked_pdf’ wicked_pdfはwkhtmltopdfのラッパーで、単純…

Rails5 + Cropper.js + carrierwave で作る画像クロップ処理

作ったもの よく、SNSで利用するようなアイコンをアップロードする際、好きな箇所で切り取る処理を作成してみたのでメモがてら書いていく。 こんな感じの動き。 開発環境について 前回作成した下記エントリーの開発環境をそのまま利用。 omiend.hatenablog.j…

ぼくのかんがえたさいきょうのRuby on Rails開発環境

はじめに 6月に新しい会社に来て以来、会社ではRuby on Railsばかり触っている。 RoRの開発・Ruby自体初めてなので(本当はScalaやりたい)、開発環境構築をやってみたのだが、「これ本当に必要なの?」などなど分からないことだらけで、何度かハマった。 …

railsのransackでハマった話

ソースはすべて雰囲気(動作確認してないっす)。 今日ハマってた所。 例えば、 parents TBL と childes TBL があったとして、 CREATE TABLE `parents` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`) ) EN…

git ftp

割りと頻繁にFTPすることがあり、流石に無料のCyberDuckでは辛くなってきたので、思い切ってYammy FTP Proの購入を検討。 基本的なFTP機能はもちろん、アップロードの速度は早いし、何よりサーバー上のファイルを直接編集できちゃうのも良い。 1ヶ月の試用…

XAMPPのvhosts設定方法

自分のメモ以外の何モノでもないです。 今お手伝いしているサイトの更新作業。(よく言うと)オーソドックスなスタイルで更新しており、HTMLファイルを設定するんですな。 PHPでできているので、ローカルでの更新内容確認はXAMPPを利用している。 XAMPPをイ…

Realm Browserで、ローカルのRealmDBを読み取る方法

今個人的に作っているiOSアプリでは、ローカルのDBにRealmを使おうと思っている。 そんな中、Realm BrowserというDBクライアントが良さそうだったので使おうと思ったのだけど、iOS Simulatorに保存されたDBファイル(.realmファイル)がどこにあるかわからな…

英語が話せないクソエンジニア(僕)が、なんとかAWSのロックされた2段階認証を解除して貰った話

タイトル通りなのだけど、この歳になって英語で電話したのが初体験だったので、記念パピコ。 セキュリティを考慮して、AWSコンソールにはGoogle Authenticatorを使って2段階認証をかけていたんですわ。 先日、‪iPhoneを7に変えたら、いつの間にかそのAWSの2…

iPhone/iPad アプリ開発逆引き大全 500の極意

久しぶりに技術書買った気がする。 ちょっとiOSアプリ開発の話があって、僕としては、iOSアプリ開発はど素人なので、どうせなら技術書買おうと。 基本的にやりたい事(要件)を実現するための方法は全て載ってるので助かってる気がする。 なんだけど、誤字脱…

2年間働いたビズリーチを、本日、卒業させていただきました。

2年間働いたビズリーチを、本日、卒業させていただきました。 元々、Scalaをやりたいというワガママで入社させていただいたのですが、Scalaの実務経験がない僕でも暖かく迎えてくださり、そしてやりたかったScalaの仕事(サーバーサイド)に限らず、フロント…

Scalaで、Javaのメソッドを関数オブジェクトにする方法

まあ、当たり前かもしれないのだけど、「あ、できるんだー」という気づきがあったのでメモ Javaのメソッドに対してもアンスコで関数オブジェクトにできる(カリー化するときにも使う方法) val driver = new ChromeDriver() val fByName = driver.findElemen…

ハッカーと画家

Yahoo!Storeを作った、Lisp界の貴公子ポール・グレアムさんが書いた、真のハッカーとはといったエッセイ集。 話題なのと、会社のイケメンワカモノエンジニアくんが貸してくださったので読んだ。 結構長いのだけど、ポールさんが如何に先見の明を持っていたの…