かとのぼダイアリー

エンジニア兼サービス開発者のプログラミングと雑記ブログ

かとのぼダイアリー

エンジニア兼サービス開発者のプログラミングと雑記ブログ

Vue.js

Vuepress + Netlifyのコンボが最強すぎた。

今、夢占い・夢判断のサイトを作っているんですが、なんとサイト自体は一日でできてしまいました! yumemean.netlify.com 作った理由は、自分が欲しいからです。僕は結構印象に残った夢の意味を調べたくなるのですが、本だと調べるのが大変だし、今ネット上…

ログイン認証後に元々見たかったページにリダイレクトする方法【Vue.js】【ログイン認証】

ログインが必要な画面で、ログイン認証のページで一旦ログインしてもらった後に、もともと行きたかったページにリダイレクトして表示する方法のメモ。 Vue.js 2.0 でログイン (vue-router で認証が必要な URL を定義) - Qiita router.beforeEachのところで、…

ナビゲーションガードでログイン認証しているはずなのにリダイレクトしたら認証画面に飛ぶのを防ぐ方法

以前に書いた、Vue.jsのルートガードでも大体OKだったのだが、リダイレクト時に認証できずに認証画面に飛んでしまうので、そこを修正。 www.katonobo.com 結論は、router画面でfirebaseの認証を設定すれば良い。 ログインが必要なところはmeta属性をくっつけ…

Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ

Firebaseは、Googleが運営しているBaas(Backend as a Service)です。最近人気のサーバレスアプリケーションが簡単に作れることで有名です。ちなみに「サーバレス」とは、別にサーバーを使わないという意味ではなく、サーバーを意識しないで開発できることを…

ERC721とIPFSを用いたDappsアプリの習作「トークンバトラー」をテストネットにデプロイしました。

IPFSとERC721を用いたDappsアプリの習作を作成したので記事にしておきます。

悲願達成!最終400ブックマーク越え!はてなブックマークトップに載ってテンションもアクセスもぶち上がった話

先日、自分が書いた記事がはてなブックマークに載りました。 www.katonobo.com 最初はテクノロジーのカテゴリに入っていたんですが、そこから総合にも載せてもらえ、結局400件以上のブックマークをつけてもらえました。 自分のブログの中で大ヒットだったの…

Vue.jsとFirebaseで最速でウェブサービスを作るための学習教材3ステップ【完全独学】

Vue.jsとFirebaseを使って最短でウェブサービスが作れるようになるために最適な教材を紹介しています。何かウェブサービスを作りたいと考えている方は必見です。

Daapsアプリ「わしが育てたおじさん2.0」をリリースしました。

Dappsアプリ「わしが育てたおじさん2.0」作りました。ブームの前から自分が俺は目をつけてたと自慢するためにスマコンを利用する虚しいアプリとなっています。metamask必須でRopstenネットワークにデプロイしてます。制作期間は1週間ほど。練習なので1週間く…

Dappsをフロントエンドまで作ろう!【Truffle】【Infura】【Metamask】【Vue.js】【npm】

Dappsアプリで、フロントエンドまで作るためのブロックチェーンエンジニア向けの記事です。Truffle+Infura+Metamask+Vue.jsで構築します。

Solidity、イーサリアムでフロントエンドとの提携で参考にしている記事まとめ

Solidityのコードを書いたあとは、フロントエンドで反映できるようにする必要がありますが、なかなか情報が少ないのです。 今回は参考にしている人のブログや記事を備忘録としてまとめてます。 matsushin11.com サンプルと、実際にアプリを作られたことなど…

【Vue.js】【Cloud Firestore】Webアプリのリリースまでの学習過程まとめ

先日、初のWebアプリをリリースしました。 contents-chat このサービスは、最近もの凄く人気がある、定額動画見放題サービスの映画や番組の感想などを書き込んで感想を共有するサイトです。アマゾンプライムとか、ネットフリックスとかですね。 [実際のモバ…

自信満々なバカになる勇気をもつ

先日、webサービスのテスト版をリリースしました。 https://contents-chat.firebaseapp.com/home 友人や、ツイッターで何人かの方に登録していただいたり、感想もいただけました。みんな優しい…! 本当にありがとうございます! 今回のサイトは、最低限の機…

【Vue.js】【Cloud Firestore】【備忘録】リアルチャット機能を実装してみたよ

現在開発中のウェブサービスの経過報告です。 リアルチャット機能を実装できました。 今の進捗。ラインみたいなリアルチャット機能を実装できた。 pic.twitter.com/YRTaqFpmHI — katonobo (@katonobo1) 2018年6月10日 リアルチャットはLINEのトークの様な機…

【書評】【Vue.js】基礎から学ぶVue.jsは必読の書

基礎から学ぶ Vue.js Vue.jsに関する本は少ないんですが、本書は非常に細かくまとめられています。 読んだ後の僕の感想だと、本書は、Vue.jsが全くわからない人ではなく、少し触ってみてVue.jsがちょっとわかってきたくらいのレベルの人にピッタリだと思いま…

【備忘録】【Vue.js】Vue.jsのstyleタグは、scopedを入れる方がいいのか?

Vue.jsの素晴らしいところに、拡張子「.vue」の単一コンポーネントがあります。 単一コンポーネントは、「template」「script」「style」の三つで構成され、それぞれざっくりとHTML部分、javascript部分、CSS部分に別れています。この3つが一つのファイルに…

【備忘録】【Vue.js】routeを使ってログインしてないと見れないように設定する方法

いわゆるRoute Guard。サーバーはFirebaseで、Vue-Routerを使っている前提。 ポイント: ・routeのパスの部分に「meta」として、ユーザ情報の真偽情報を入れる。 例えば、pathは「/」で、コンポーネントは「name」場合 { path: '/', name: 'home', component…

Vue.js+Fifebaseの学習途中のメモ その2 〜Vue.jsがやっとわかってきました〜

www.katonobo.com 前回の学習過程まとめの続きです。 Vue.jsとFirebaseを使ったWebアプリケーションを作成中ですが、ここにきてやっとVue.jsの概要が掴めてきた感じがします。 どこがわかってなかったかと言うと、Router周りだったり、全体的にぼんやりとで…

【備忘録】Vue.js+Fifebaseの学習途中のメモ

Vue.jsの学習過程とその時参考になったサイトと記事を現段階でまとめてみます。 スタート スタートはモモンガ本(500円安い!モモンガ可愛い) booth.pm 本書を読めば、全く寄り道をせずにVue.jsとFirebaseを連携させることができます。 本書で学習を進める…