katonobo’s blog

プログラミング中心の雑記ブログ

プログラミング

timestampを時刻に変換するmoment.jsの使い方【備忘録】【Vue.js】

Moment.js | Home タイムスタンプを Date.now()で取得したあと、人間にわかる形に変換する時に便利なライブラリ。 インストール npm install moment --save # npm Vue.jsでは、使用するファイルで、 import moment from 'moment' を宣言する。これで使える。…

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

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

【Solidity】【Truffle】Error: Invalid number of arguments to Solidity functionのエラーの解決方法

Error: Invalid number of arguments to Solidity function というエラーが出て悩んでいたが、その解決方法。 根本的な原因は不明だが、どうやら「Truffle」のバージョンの関係で出現することがあるらしい。 解決策は一旦「build」フォルダを削除して、 truf…

わかんないエラーは最後はもう諦める

プログラミングはエラーが現れてからが勝負なんですが、僕のレベルだと検索しても解決しない問題って結構出てきます。 永遠のマイグレーション…。なんか間違ったのかな…? — katonobo (@katonobo1) 2018年7月20日 これは、Loom SDKと、truffleを連携させよう…

【Dapps】【Truffle】【web3】Truffle-contractはとっても便利

www.npmjs.com Dappsアプリを作る時にTruffleを使いますが、Truffle-contarctというライブラリがありコントラクトとの接続が簡単になります。 サンプルコードは上記ドキュメントとこちらのVue-boxのSimpleStorege.vueのコードを見ると使い方がわかります。 g…

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

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

【備忘録】【Solidity】【Truffle】エラー:Warning: Invoking events without "emit" prefix is deprecated.

Truffleで、コンパイルしたら出てきたエラー。 Warning: Invoking events without "emit" prefix is deprecated. これは、どうやらエラーが出たコードの先頭に「emit」をつければ良いだけ。 0.4.21バージョンから加えられたようです。 github.com emit is a …

【備忘録】【Ethereum】ERC721の学習参考記事まとめ

イーサリアムの規格の一つ、ERC721の学習の参考になる記事、サイトのまとめ。 ERC721はトークン同士の区別がつく仕様です。なのでゲームのキャラクターやアイテムなどに使われます。 www.katonobo.com ERC721とERC20の違いが良くわからないよという方は、自…

自分の中のプログラミングの理想はジョジョの「プロシュート兄貴」

漫画、「ジョジョの奇妙な冒険」には、とても魅力的なキャラが多く登場します。 その中で、第5部に登場するプロシュート兄貴は、主人公たちの敵で、暗殺チームのメンバーとしてファンからとても人気があるキャラです。 彼はあるセリフで、有名になっています…

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

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

プログラミングは、作りたいものをイメージして勉強するだけでも効果がある

いつも楽しく読ませていただいてる、ホーリーさんの記事にプログラミングは作ってなんぼだよという話がありました。 application.hateblo.jp 全く持って記事の通りです。どんなしょぼいものでも、自分で作ってみると成長レベルがサンプルをただ写すだけとは…

「Ethereum for web developers」がイーサリアムの概要を掴むのにちょうど良い

イーサリアムのdappsの概要がよくわかる記事。記事自体は古いけどすごく上手くまとまってる。https://t.co/fC0yJATvjE — katonobo (@katonobo1) 2018年7月8日 このツイートでも紹介した、 Ethereum for web developers – Mahesh Murthy – Medium の記事がイ…

プログラミングは公式ドキュメントが大事

一番最初にプログラミングを始めた時、僕はまさに右も左もわからない状態だったんですが、特にわからなかったのが、突然出てくる英単語でした。 突然出てくる英単語とは、例えば、プログラミングで何か結果を返す時には、 return 〇〇 とかよく使います。 こ…

魔法のトビラを探している

こんばんは。katonoboです。 最近はずっと雑記記事ばかりでしたので、今回は久しぶりに仮想通貨で今考えていることを書きます。 まずは現在の仮想通貨の概要から。 ビットコインの価格は高値200万円から、現在は半値以下まで下落し、投機目的の投資家は撤退…

【プログラミング】わからないことを検索した時に英語のページは避けてはいけない話

今とつぜん霊感が走ったんだけど、もしかしてプログラミング始めても挫折する人って、わからないことあった時にグーグル検索しても、英語のページとかを避けてたりするんじゃないか?もしかしたらここが挫折する人としない人の一番の大きな差な気がしてきた…

【備忘録】【イーサリアム】Truffle+Openzeppelin+Infuraで、独自トークンをテストネットにデプロイするまで

Gethとか一通りいじった後は、フレームワークを使った方が良い。 一番快適なのは、Truffle、Openzepelin、Infuraで構築するのじゃないかと思う。 今回はオリジナルトークンの発行、イーサリアムのテストネットであるRopstenでにデプロイまでの概要を備忘録で…

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

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

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

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

プログラミングを始める第一歩で気をつけないといけないことは漫画「金色のガッシュ!!」が教えてくれた

「金色のガッシュ!!」という少年漫画があります。 金色のガッシュ!!(1) この漫画は、魔界の子供であるガッシュが、人間のパートナーの清麿とともに、魔界の次の王を決める戦いに挑むというストーリーなんですが、僕はこの漫画の中で多大な影響を受け…

【備忘録】【Materialize】レイアウトをサイズごとに変更する、Hidingのまとめ

素晴らしくまとめてくださってるブログを発見。 umetyuu.hatenablog.com これは助かる。 スマホは画面のサイズが小さいので、工夫しないといけないよな。

【備忘録】【Cloud Firestore】タイムスタンプを保存する方法

Cloud Firestoreで、タイムスタンプを保存する方法。Realtime Databaseだとやってくれた自動の並べ替えはしてくれないので、タイムスタンプを保存する必要がある。 重要: Firebase Realtime Database の push ID と異なり、Cloud Firestore で自動生成された…

レゴブロックとプログラミング

最近ずっとプログラミングをしていますが、自分の中で、プログラミングはレゴブロックで何かを作っている感覚に似ているなぁと思ってます。 レゴブロックは、ブロックを組み立てて、車だったり、お城だったりを作るおもちゃです。 プログラミングも(僕のプ…

【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がちょっとわかってきたくらいのレベルの人にピッタリだと思いま…

プログラミングは何かをやりきると自信が持てる

最近プログラミングを始めた方のブログを拝見しました。 www.hisayosky.com この方は、 「Progate」という学習サイトで学習されているようです。その中で、学習サイトは「釣り堀」で、全て用意されてる環境だから、実践だと通用しないことも多く、思ったより…

【備忘録】【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周りだったり、全体的にぼんやりとで…

Udemyのレッスンは自分の中で最終兵器

Udemyという動画学習サイトがあるのですが、これはプログラミングの学習にもの凄く効果があります。 日本でプログラミング動画学習サイトといえば、もちろん「ドットインストール」です。https://dotinstall.com/ ドットインストールは入門には最適です。で…

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

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

【PR】