あいつの日誌β

働きながら旅しています。

Meguro.es # 21 @ ビザスク で Vue.draggable について話をしてきた

というわけで行ってまいりました。今回は目黒駅ではなく目黒区という広いくくりでの開催です。 meguroes.connpass.com スポンサー 株式会社ビザスクさんです。ありがとうございます。前回開催時よりもちゃんとしたビールが置いてあったので私の中ではとても…

Vue.draggable を Swappable にしたい

どうした? 英単語やら英会話を覚えたいので WEB 単語帳を作ってみました*1。 https://flash-cards-marvelous.firebaseapp.com その時に単語を並べ換える機能が必要だったのですがそこで Vue.draggable を使ってみました。これは Sorable をベースに Vue com…

福岡の勉強会「俺の話を聞け!!LT大会 #14」に参加してきた 【宿とご飯編】

ということで今回の博多で宿泊した施設と立ち飲み屋について 宿泊所 お洒落な入り口。夜はライトアップされてより一層いい感じでした。 www.thegatehostel.com 私は旅行する時の宿泊所はホステル(簡易宿泊所)にする事が多いです。私は旅行中も大体作業してい…

福岡の勉強会「俺の話を聞け!!LT大会 #14」に参加してきた

というわけで福岡に行ってきました。 https://cdg.connpass.com/event/129574/ 経緯 福岡の勉強会を探していたところ、mya-ake 氏が主催する勉強会を見つけました。Nuxt.js あたりで彼の書いた記事に助けられた事があったので興味を持ったので参加してきまし…

Nuxt.js@2.6.3 と core-js@3 で Can't resolve 'core-js/modules/es7.promise.finally' というエラーが表示される場合の対処

core-js@2 を使うと良いでしょう

Vue.js で Carousel な component を再開発して色々な学びを得たお話

あらすじ Vue.js でシンプルな Carousel を作ります。すでにそういった component は一杯あるのですが、車輪の再開発を通じてお勉強しました、という趣旨の記事です。すでに vue-carousel という定番モジュールがあるのでこれを真似て作成しています。 Just …

Vue.js を書くために最小構成でセットアップする方法

あらすじ vue cli を使う方法とスクラッチで書く方法を紹介します。基本的には vue cli を使う方が便利なのですが、初学者の方で vue の文法についてだれかに質問したい場合は後者の方法を一応覚えておくと良いと思います。 vue cli を使う方法 vue-cli を i…

We Are JavaScripters! @31th【初心者歓迎・ショートセション大会】に行ってきました

wajs.connpass.com というわけで最近 JS 界隈の勉強会によく出没しています。 TDD & 登壇のハードルを下げたい WeJS の基本的なコンセプトはこんな感じです。 初心者歓迎 マサカリ遠慮 緊張するのでお酒飲んでやりましょう 今回はLT5分の枠だけではなく、15…

台北駅から徒歩5分のスターホステルに一週間滞在して明るくオシャレな空間でノマドしてきた

あらすじ というわけで台湾も花粉が飛ばないはずなのでノマドしてきました。スターホステルっていうお洒落なドミトリー式のホテルに宿泊しました。一泊だいたい¥5000(1400元)ぐらいから。ドミトリーだともっと安くて2300円(620元)から。 今回は Booking.com …

石垣島のお洒落なカプセルホテルブルーキャビン石垣島に6泊7日滞在しノマドワークしてきた

あらすじ 毎年4月になると花粉症が酷く、4月は仕事をしていないという事実データが存在するので南の島へ避粉地ツアーしようと思いました。最初は沖縄本島へ行こうかと思ったのですが、以下の理由で石垣島を選びました。 バニラエアで成田から石垣島への直通…

Meguro.es # 20 @ Drecom で LT してきました

最近フロント界隈の勉強会に参加するようになったのですが、とある勉強会に来ていた人に「他にどんな勉強会に行っているんですか?」と聞いたところ Megro.es を教えてもらいましたので参加してきました。 meguroes.connpass.com スポンサー 今回の会場は株…

VuePress v1.0-alpha で Blog を作る

v1.vuepress.vuejs.org あらすじ VuePress の default theme が美しいのでこれで Blog を書きたいと思いました。 VuePress とは コンセプトは以下2点です。 Vue component を使用した Theme を扱う最小構成の静的サイトジェネレーター 技術的な文章を書くた…

We Are JavaScripters! @30th でLTしてきした。

wajs.connpass.com JavaScriptを学びたい、もっと知りたい人のためのゆるくつながるというコンセプトの勉強会で発表してきました。 どんな会だったのか 勉強会だけどお酒を飲みながらお話ししましょう、という会です。基本的にフロントエンドの仕事をしてい…

カレントディレクトリにあるファイルをあるディレクトリにまとめるために追加したディレクトリに git mv したい

Git

expo init で作成した雛形を一つのでディレクトリにまとめた時のメモです git mv -n ./!(expo) ./expo git mv ^(expo) ./destination_folder https://stackoverflow.com/questions/33002612/move-all-files-of-current-directory-into-subdirectory-and-main…

weworkremotely.com をスクレイピングしたメモ

英語の勉強しているのですがモチベーションを維持したいなあと思って書いたスクリプトです。 海外で remote worker 向けの求人サイトがあるので時々眺めていると location が Anywhere となっている求人があって「英語話せるようになれば日本に居ながら仕事…

ニセコに4泊5日で旅をしてきた(2)

雪が降る時期に東京からニセコに直接向かうのはちょっと心配だったのと、ちょうど旅行の時期が雪まつりの時期と重なっていた為、東京とニセコの中継地として札幌のドミトリー式のホテルにも宿泊しました。 というわけで札幌で泊まったカプセルホテルをほんの…

ニセコに4泊5日で旅をしてきた(1)

ついでにその前後で札幌にも旅行して合計7泊8日の旅をしてきたのですが、今回は主にニセコについてのお話です。 時期と動機 宿泊所について グラン・ヒラフについて 移動手段 周辺のご飯について 行った時期と動機 02/08(金), 02/09(土), 02/10(日), 02/11(…

【第6回】フロントエンド × ビアバッシュ 初心者勉強会 に行ってきた

お酒を飲みながら、フロントエンド開発を語る勉強会に行ってまいりました。 https://sakeganaito.connpass.com/event/113024/ ビアバッシュ とは ビアバッシュ(Beer Bash)とは、懇親会の一種としてビールやピザを食べながら語らう形のイベントです。 どん…

Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(),

moment.js をブラウザで使ってて unixtime を引数にコンストラクションして Invalid Date になった場合はこうすればいいでしょう。 - moment(1548035947000) + moment(1548035947000, 'x') ミリ秒の場合は小文字の x です

Node.js で Gravatar の画像を取得する

Gravatar は Email アドレスと自身にプロフィール画像を結びつけるサービスです。 const crypto = require('crypto') const md5 = crypto.createHash('md5') const email = "your.email@gmail.com" const hash = md5.update(email.toLowerCase().trim(), 'bi…

金沢、京都、東京大回りの旅 2018(その4: 京都と大阪のごはん編)

京都と大阪のご飯屋さんです。 京都: ヨナヨナ 去年京都に訪れた際にやたらと楽しかった思い出があるので再び訪れました。ご飯もお酒も美味しいのですが、お店の雰囲気がとても良く、店員もお客さんも盛り上がってとても楽しいお店です。 満足度: ⭐⭐⭐⭐⭐ 京都…

金沢、京都、東京大回りの旅 2018(その3: 金沢のごはん編)

金沢のごはん屋さんとカフェを紹介します。 まいもん寿司 駅構内にあるお寿司屋さん(回転寿司ではない)2000円程度で10貫だったかな?お目当の寒ブリが1貫入っていてものすごく美味しかったです。イワシ食べたかったけど今日は仕入れないと言われて残念。 満足…

金沢、京都、東京大回りの旅 2018(その2: 京都編)

金沢で美味しい寒ブリを食べた後は京都へ向かいました。 THE MILLENNIALS KYOTO と Andwork www.themillennials.jp 京都での宿泊施設は THE MILLENNIALS KYOTO にしました。こちらは共有部分がコワーキングスペースとなっています(宿泊者は無料で利用できる)…

金沢、京都、東京大回りの旅 2018(その1: 金沢編)

というわけで去年に引き続き東京と関西を新幹線で移動すると時に北陸に寄り道する大回り乗車を利用して金沢へ2泊、京都へ2泊、大阪へ1泊して参りました。 寒ブリ美味しかったです 旅の目的 金沢で寒ブリが食べたかった 京都のThe millennials に宿泊してみた…

【第5回】JSフレームワーク(またはライブラリ)× ビアバッシュ 初心者勉強会 in西新宿 に行ってきました

というわけでフロントエンドの勉強会に行ってきました。 https://sakeganaito.connpass.com/event/108628/ https://twitter.com/hashtag/sakenight5 参加する動機 フロントエンドのエンジニアで筋の良さげなエンジニアを見つけてブログなどをフォローしよう…

Nuxt.js(2.2.0) で最初の Request 時に Fade in をしたい

以下がサンプルです mkdir practice-nuxt-loading && cd $_ yarn init -y yarn add nuxt nuxt-client-init-module touch nuxt.config.js pages/index.vue store/index.js create nuxt.config.js module.exports = { modules: [ 'nuxt-client-init-module' ] …

firebase の auth で Uncaught TypeError: this.ta is not a function と言われる

GoogleAuthProvider を使おうとしたら Uncaught TypeError: this.ta is not a function と言われるが、コンストラクターでした。 - const provider = firebase.auth.GoogleAuthProvider() + const provider = new firebase.auth.GoogleAuthProvider()

ShiftJIS なサイトをスクレイピングしたい

という要望がいまだにあるとかないとか。とりあえずメタ情報を取得する場合はこんな感じになりました。 const scrapeIt = require('scrape-it'); const got = require('got') const encoding = require('encoding-japanese') async function main() { const …

Storybook for React Native v4.0.2 を動かした時のメモ

expo と React Storybook for React Native を使った時の備忘録です。 Expo expo は以下のコマンドで使えるようになります。 npm install -g expo-cli expo を使って iOS のエミュレータを起動したりするなどできます。 expo init AwesomeProject cd Awesome…

Nuxt.js で buefy を試す方法 version 2018-10-11

あらすじ いくつかハマった点があったのでメモ vue init nuxt-community/starter-template 以前記事にもしましたが isClient というメソッドは現在ご利用できません。 vue init nuxt-community/starter-template practice-nuxt-buefy && cd $_ yarn nuxt.con…