Maytry

I Wanna Be The Hacker

9月 4, 2018

Nuxt.jsの$route.pathは$nuxt.$route.pathを使え

Nuxt.jsの$route.pathは$nuxt.$route.pathを使え

これマジでトラップだと思うんですが、VueのSPAからNuxtに移行する時に、ルーティング周りで死ぬほどハマったので、メモ。 pathを呼ぶ時は$route.pathじゃなく$nuxt.$route.path いやマジでこれ誰か教えてくれよ(笑) nuxt-linkにv-ifで [nuxt] Error while initializing app TypeError: Cannot read property 'toLowerCase' of undefined これはよくわかんなかったんですが、 <nuxt-link :to="`/path`" v-if=

9月 2, 2018

Vue.jsで困った時に見るTips

Vue.jsで困った時に見るTips

どうも、Vue.js愛好家です。 jQuery, Knockout, Ember, Angular, React, Riotあたりは軽く触ってきた僕が、Vueに行き着いたのは神が与え給うた運命なわけですが、今回はそんなVueでちょっと複雑なことをしようとした時に見ると助かるTipsをご紹介します。 1. computedをアロー関数で記述 めちゃくちゃ使うcomputedですが、一般的には以下のような記法です。(あえて冗長な例を書きます computed: { userId() { // 三行も書かなくてはいけない return this.user.id }, userName() { return this.user.name }, userImage() { return this.user.image

7月 21, 2018

PWAをスマホの共有メニューには登録できない

PWAをスマホの共有メニューには登録できない

PWAでSNSっぽいアプリを作った時、**「シェアボタンで他のアプリから呼び出したい」**というニーズが出てくる。 ![](/content/images/2018/07/Screenshot_20180721-142543.jpg) ネイティブアプリならIntent Systemを利用してできるが、PWAだとどうするのか。 結論から言うと、**現時点では不可能**(今後もできない可能性) まず、共有に関してググると、いくつかのキーワード(ディープリンク-Deeplink、URLスキーム-Custom URL Schemeなど)や記事が挙がる。ざっくりまとめると PWAから他のアプリ TwitterやFacebookなどが提供するShareAPIを利用 Chorome61 for AndroidでWeb Share API 他のアプリからPWA

7月 15, 2018

vue-cli 3.0で始めるPWAとVue.jsのconfig周り

vue-cli 3.0で始めるPWAとVue.jsのconfig周り

みなさん、Vue.jsやってますか?僕はバリバリです(?) 最近vue-cliの3系が出て、npmもvue-cliから@vue/cliに変わりましたね。導入からディレクトリ構成も結構変わりました(webpack.configがないとか)。 大きな変更点として、webpack4系の対応と、template形式からplugin形式のカスタマイズに変更になりました。この辺りはこのスライドなどが参考になると思います。 vue-cli 3.0時代のNuxt.js Nuxt.jsも話題なのですが、今回は、今僕が開発中のプロジェクトの設定を丸々リプレースするための参考に、普通のVue.jsでプロジェクトを作成してみようと思います。 また、設定周りで変わったところも多いので(process.envとかcommon.scssの読み込みとか)、Tipsとして最後の方に載せておきます。 環境 node:

9月 10, 2017

精神の贅肉を付けない生き方

精神の贅肉を付けない生き方

好きな時に好きな事ができれば、人生は豊かになると思っている僕だが、常にそれが当てはまる訳ではない。 例えば僕は、デブが好きじゃない。理由は二つあって、一つは見た目が美しくないため。そしてもう一つは、自分の欲求をコントロールできていないことが目に見えてわかるためだ。 前者は僕個人の美的センスの問題だが、後者は、少なからず同じ意見の人が存在するため、深刻だ。デブというだけで、仕事のパフォーマンスにも影響を与えかねない。 さて、では何故人は肥えるのだろうか。これはほぼ例外なく、好きな時に好きな物を好きなだけ食べ続けてきたためだ。なんと、僕の人生を豊かにする信条は、僕をデブへと導くバイブルだったのか…!! 匙加減がなかなか難しいのだが、好き放題生きるだけではダメで、時には自制も必要だということであろう。 これは、肉体のみならず、精神にも当てはまると、僕は思っている。きちんと分類分けして検証する必要はあるだろうが、気持ち的に楽な方を選択し続けると、思考が腐ってしまいそうになる。 これは極端な例だが、

9月 6, 2017

「優秀なエンジニア」の定義について考えてみた

「優秀なエンジニア」の定義について考えてみた

「あなたが思う優秀なエンジニアとは?」 こういった質問をされたことはあるだろうか。この答えについて、思うところは人それぞれあるだろう。優秀なエンジニアに求められるスキルとはなんなのか?優秀なエンジニアとはどういった人なのか?稼ぐエンジニアは何が違うのか? ## 世界で最もイケてる職業「エンジニア」 インターネットの誕生から、ディープラーニングの再燃やブロックチェーンにわたり、ここ数年の技術的革新は目を見張るものがある。これらソフトウェア側の進歩は、最近ではIoTなるハードウェアとの融和も起こし、全ての物がインターネットに接続できるユビキタス社会(古いww)を形成しつつある。 そんな中、僕が以前から言っていたように、エンジニアの価値はより一層高まっており、中国等では今や医者よりも上のランクの職業として人気を誇り、最優秀層がこぞってエンジニアを目指すといったことになっている。日本は依然として医者の地位が非常に高く、エンジニアのそれとは比べ物にならないが、中国では「エンジニア落ちで、なくなく医者に」といったことが、既に現実として起こっているのだ。 そう、今やエンジニアは世界で最もイケてる職業の一つなのだ。 ## 優秀なエンジニアとは 僕は個人でも仕事をしているのだが、

4月 9, 2017

MochaでPromiseのテストの際にTimeout of 2000ms exceeded.

vue-cliを使うと自動でテストに入ってくるKarma, Mochaですが、PromiseのUnitテストの際にタイトルのエラーがかなりの頻度で出ます。 Timeout of 2000ms exceeded. For async tests and hooks, ensure "done()" is called; if returning a Promise, ensure it resolves. 外部APIを叩いたりすると、普通にタイムアウトします。そこで、以下のように設定することで回避できます。 it('should success fetch',

2月 23, 2017

Outlook for Macでデスクトップ通知を有効化する

Outlook for Macでデスクトップ通知を有効化する

画像出典: https://www.microsoftstore.com/store/msjp/ja_JP/home MacのOutlookを使っていて、仕分けルールを適用しているメールのデスクトップ通知が何故か出ないという現象に悩んでいたのですが(エラーメールを見逃す!!)、調べてもなかなか設定方法が見つからなかったので、備忘録として載せておきます。 自分の環境が英語なので以下、英語で書きます笑 「Tools」メニューから「Rules...」を選択 「Client Rules」の「Exchange」を選択し、下の「+」ボタンをクリック 下の画像のように設定    完了! 本当にしょうも無いですが、設定で困っている方は参考までに!

2月 8, 2017

デキる男になるための「恐怖をモチベーションに変える思考術」

デキる男になるための「恐怖をモチベーションに変える思考術」

画像著作者:Curtis MacNewton 僕は昔からよく周りから「優秀」だとか「仕事がデキる」などと言われてきた。 突然の自慢話に(なんだこいつは)と思われる人もいるかもしれないが、まあ聞いて欲しい。 それで同期や後輩、たまに先輩なんかからも 「どうすればお前みたいな生き方・考え方が出来るんだ」 と言われることがある。これは本当の話だ。 どうやら僕は、才能に溢れ自信に満ちた人のように思われることが、たま~にあるようだ(笑) そして、その素晴らしい色眼鏡を僕にも分けてくれよと思いながら、「決して僕はそんな人じゃない。ただ臆病なだけなんだ」と心の中で叫んでいる。 だから今日はその話をしようと思う。 ### 仕事がデキるって何よ、それよりモチベーションでしょ そもそも僕は、仕事がデキるとかいう曖昧な指標の前に、

12月 14, 2016

投資や保険のことがさっぱりわからない人のための金融基礎

投資や保険のことがさっぱりわからない人のための金融基礎

突然ですがみなさん、投資してますか?どんな金融商品を買っていますか?そもそも投資ってなんだか知っていますか? 「株とかFXとか、聞いたことあるけどやったことはないから、投資はしてないな」と思った方、もし貯蓄(積立)型生命保険に入っていれば、それは立派な投資です。 さらに言えば、銀行に預金がある人も、広義でいう投資をしていると言えるでしょう。 そんな金融世界の「投資」というワードは、実は日常生活と非常に密接に関係しています。しかしながら多くの人は(言葉を選ばずに言うと)残念ながら非常に金融リテラシーが低く、自分の資産を守ることも危うい状態です。 以下を御覧ください。 出典: http://www.garbagenews.net/archives/2288638.html タイムリーにも、

11月 29, 2016

Macでanyenvを使ってElixirをインストールする

Macでanyenvを使ってElixirをインストールする

MacにElixir入れようとしてかなりハマったので、同じ罠にハマらないように導入手順をメモっておきます。 入れるもの openssl, unixodbc, wxmac, fop anyenv, erlenv, exenv Erlang, Elixir 手順 # brew update // 上記が失敗した場合、以下を実行して再度update // # sudo chown -R $(whoami):admin /usr/local # brew install openssl unixodbc wxmac fop # git clone https: