株式会社CauchyEさんのフィード

https://zenn.dev/cauchye

株式会社CauchyE(旧:株式会社LCNEM)のテックブログです!

フィード

記事のアイキャッチ画像
Angular,cosmos-clientによるブロックチェーンWebアプリフロントエンド開発3(Staking機能)
株式会社CauchyEさんのフィード
株式会社 CauchyE の角田です。今回は前回に引き続き、Angular/ 弊社製 cosmos-client-ts で実装した Web アプリケーションに機能を追加していきます。今回は Staking 機能を追加し、ローカル環境で Cosmos-SDK 製ブロックチェーンを立ち上げて動作を確認します。また、コードの分量が多くなってきたので、機能ごとにコンポーネントを分割することも併せて行います。 実行環境OSUbuntu 20.04 (on WSL2)Node.jsv14.19.20npm8.5.1Starportv0.19.3...
2年前
記事のアイキャッチ画像
FirebaseのTriggerアーキテクチャ
株式会社CauchyEさんのフィード
株式会社CauchyE CEO, CTOの 木村優 です。今回はみなさんご存じのFirebaseに関する話を書きます。目的として、Firebaseを使ったアプリの設計のお話を書こうとして本記事の執筆をはじめたのですが、長くなりそうだったので本記事では、Firebaseの構成要素であるFirestoreの特性と、それに起因する、アーキテクチャのパラダイムシフトの話をし、次回記事にFirebaseを使ったアプリの設計のお話を書きます。というわけで、Firebaseの構成要素であるFirestoreの特性と、それに起因する、アーキテクチャのパラダイムシフトの話をします。昔、その話を書い...
2年前
記事のアイキャッチ画像
Cosmos Node Monitor 開発 (Angular x Firebase)
株式会社CauchyEさんのフィード
自己紹介株式会社CauchyEのエンジニアの松岡靖典です。ブロックチェーンの技術的な面白さに魅了され、 Web 開発の世界を歩み始めました。NPO法人NEM技術普及推進会NEMTUSの理事としてブロックチェーン技術の普及推進活動に従事したり、個人開発等の取り組みも行っています。個人的には JavaScript, TypeScript, Angular, Firebase, NEM, Symbol, Cosmos が好きです。ただし、チャンスがあれば他にも様々な技術に触れていきたいと思っています。 記事概要現在、社内での開発中の Cosmos SDK 製ブロックチェーン...
2年前
記事のアイキャッチ画像
Angular,cosmos-clientによるブロックチェーンWebアプリフロントエンド開発2(送信機能追加)
株式会社CauchyEさんのフィード
株式会社 CauchyE の角田です。今回は前回作成した Web アプリケーションに送信機能を追加します。また適切な手数料が設定されていないとトランザクションが通らないようにローカルチェーンのノードの設定を変更します。その他、アプリの見た目を整えるため Angular Material, Tailwind CSS を導入します。 環境構築 実行環境OSUbuntu 20.04 (on WSL2)Node.jsv14.17.2npm7.19.1Starportv0.18.0 Angular MaterialAngular Mater...
2年前
記事のアイキャッチ画像
Angularの開発を便利にするSchematicsを複数紹介
株式会社CauchyEさんのフィード
株式会社CauchyE CEO, CTOの 木村優 です。本記事はAngular Advent Calendarの記事を、弊社のテックブログ記事として書かせていただくものです。 Schematicsとは? @angular-eslint/schematicsESLintをAngularに導入・利用するためのSchematicsです。https://github.com/angular-eslint/angular-eslint以下のコマンドでSchematicsのインストールをします。ng add @angular-eslint/schematicsひとたびこのSc...
2年前
記事のアイキャッチ画像
Rosetta APIとはなにか
株式会社CauchyEさんのフィード
株式会社CauchyE CEO, CTOの 木村優 です。今回はSymbol Advent Calendarの記事を、株式会社CauchyEのテックブログとして書かせていただきます。内容はRosetta APIの説明になります。 Rosetta APIとは?ブロックチェーンSymbol,NEMは今後Rosetta APIへの対応を行うことが、コアデベロッパーより言及されました。Rosetta APIの概要を三行で要約しますと、暗号資産取引所の1つであるCoinbaseが主導する、ブロックチェーンノードがホストする共通API群の規格のことである様々なブロックチェーンは、R...
2年前
記事のアイキャッチ画像
Hardhat + TypeScript (+ React) のセットアップ
株式会社CauchyEさんのフィード
株式会社 CauchyE エンジニアの @yutaro_elk です。最近は Ethereum にふれているんですが、 TypeScript フレンドリーな環境構築方法を共有できればと思います。 TL;DR補完ラバーにとっては TypeScript の型が自動で生成されると嬉しい自動生成される型を合わせるには、依存するライブラリのバージョンに注意 Hardhat で Solidity + TypeScript 環境を構築するhardhat の v2.6 以降、 TypeScript 環境の Scaffold が追加されています。楽ちんですね。今日現在 Hardha...
3年前
記事のアイキャッチ画像
Ethereum フロントエンドWebアプリ開発 Angular MetaMask ethers編
株式会社CauchyEさんのフィード
自己紹介株式会社CauchyEのエンジニアの松岡靖典です。ブロックチェーンの技術的な面白さに魅了され、Web開発の世界を歩み始めました。NPO法人NEM技術普及推進会NEMTUSの理事としてブロックチェーン技術の普及推進活動に従事したり、個人開発等の取り組みも行っています。JavaScript, TypeScript, Angular, Firebase, NEM, Symbol, Cosmosが好きですが、チャンスがあれば他にも様々な技術に触れていきたいと思っています。 記事概要要約以前、Ethereumのコントラクト開発に関する以下の2記事を作成したのですが、記事の...
3年前
記事のアイキャッチ画像
Angular,cosmos-clientによるブロックチェーンWebアプリフロントエンド開発
株式会社CauchyEさんのフィード
株式会社CauchyE の角田と申します。今回はCosmos SDKで作成したブロックチェーンとやり取りができる、弊社製クライアントライブラリcosmos-clientを紹介します。cosmos-clientのTypeScript言語の実装であるcosmos-client-tsを使えば、ブロックチェーンからの情報取得やトランザクションの発行といった、チェーンとのやり取りをTypeScript言語で簡単に行うことができます。TypeScriptの他にRustでの実装もあります。今回の記事ではcosmos-clientの動作確認として、チェーンからあるアドレスが所持するトークン一覧を取得...
3年前
記事のアイキャッチ画像
AngularにSentryを導入してSlackで通知する
株式会社CauchyEさんのフィード
株式会社CauchyE の富田と申します。主にフロントエンドを担当しております。最近Vue.jsのプロジェクトでエラー管理システムにSentryを導入したのですがせっかくなのでAngularでも実装し、Slack通知まで行おうと思います。ちなみにSlack Integrationは有料プランでないと使用できないのですが、Sentryにはトライアル期間が設けられてますので、そちらでお試しいただければと思います。サンプルアプリはAngularチュートリアルの angular-tour-of-heroes をお借りします。 Sentryとはフロントエンドで利用できるエラー検知...
3年前
記事のアイキャッチ画像
Angularで一発でJest化するSchematicsを作った
株式会社CauchyEさんのフィード
株式会社CauchyE CEO, CTOの 木村優 です。Angularで一発でJest化するSchematicsを作ったのでご紹介。 Schematicsって?AngularにはSchematicsという便利な仕組みがあります。公式の@angular/cliに備わっている@schematics/angularの機能により、ボイラープレートコードを一括で自動生成いわゆる「スキャフォールディング」ができるだけでなく、自分たちで独自にSchematicsを作って拡張することができるのです。 AngularとJestAngularではデフォルトで単体テスト用のパッケージとしてK...
3年前
記事のアイキャッチ画像
CypressからFirebase emulatorのFirestoreが読み込めないときは(with Angular)
株式会社CauchyEさんのフィード
株式会社 CauchyE エンジニアの @yutaro_elk です。フロントエンドが好きでやってます。現在は Ionic + Angular + Firebase で NFT 関連のアプリ開発をしています。CauchyE は技術スタックとして主に Angular + Firebase を使用していますが、Cypress と Firebase + Angular を組み合わせた時に詰まった点があったので残しておきたいと思います。最近 firebase sdk のバージョンが v8 から v9 に上がったことで、api がガラッと変わっています。こちらの記事はは主に v8 での記...
3年前
記事のアイキャッチ画像
Ethereum コントラクト開発 ERC721編
株式会社CauchyEさんのフィード
この記事について株式会社CauchyEのメンバーが、社内の開発や勉強会等に関する技術的なアウトプットを行い、弊社の開発における取組や、弊社メンバーの学びに対する取組等をお伝えしていく予定です。弊社の取組の内容や、弊社の雰囲気等が伝わりますと幸いです。 記事作成者自己紹介株式会社CauchyEのエンジニアの松岡靖典です。ブロックチェーンの技術的な面白さに魅了され、Web開発の世界を歩み始めました。NPO法人NEM技術普及推進会NEMTUSの理事としてブロックチェーン技術の普及推進活動に従事したり、個人開発等の取り組みも行っています。JavaScript, TypeScri...
3年前
記事のアイキャッチ画像
Ethereum コントラクト開発 Hello world テストネット編
株式会社CauchyEさんのフィード
この記事について株式会社CauchyEのメンバーが、社内の開発や勉強会等に関する技術的なアウトプットを行い、弊社の開発における取組や、弊社メンバーの学びに対する取組等をお伝えしていく予定です。弊社の取組の内容や、弊社の雰囲気等が伝わりますと幸いです。 記事作成者自己紹介株式会社CauchyEのエンジニアの松岡靖典です。ブロックチェーンの技術的な面白さに魅了され、Web開発の世界を歩み始めました。NPO法人NEM技術普及推進会NEMTUSの理事としてブロックチェーン技術の普及推進活動に従事したり、個人開発等の取り組みも行っています。JavaScript, TypeScri...
3年前
記事のアイキャッチ画像
Ethereum コントラクト開発 Hello world ローカル編
株式会社CauchyEさんのフィード
この記事について株式会社CauchyEのメンバーが、社内の開発や勉強会等に関する技術的なアウトプットを行い、弊社の開発における取組や、弊社メンバーの学びに対する取組等をお伝えしていく予定です。弊社の取組の内容や、弊社の雰囲気等が伝わりますと幸いです。 記事作成者自己紹介株式会社CauchyEのエンジニアの松岡靖典です。ブロックチェーンの技術的な面白さに魅了され、Web開発の世界を歩み始めました。NPO法人NEM技術普及推進会NEMTUSの理事としてブロックチェーン技術の普及推進活動に従事したり、個人開発等の取り組みも行っています。JavaScript, TypeScri...
3年前