はてなブックマーク

この記事はWebXR Tech Tokyo #1の発表で使用いたしました。 イベントを企画いただいた運営の皆様、会場を盛り上げていただいた参加者の皆様、ありがとうございました！ 2020/7/12追記 こちらのテンプレートがGatsby公式に追加されました。引き続きご利用いただけると幸いです。 https://www.gatsbyjs.org/starters/shunp/gatsby-three-ts-plus/ この記事でできるようになること Three.jsを使った3Dウェブページをモダンな技術スタックを使って簡単に開発・公開できるようになります。オリジナルテンプレートを使うことでスムーズに始められ、またGatsbyを用いることで自分好みのカスタマイズを簡単に加えることが可能です。 以下のサンプルシーンは予めテンプレートに組み込まれております。本記事での解説に加え、必要に応じてテンプ

SPA -> GraphQL -> Serverlessバックエンド Vue.jsとAmplifyを駆使して、1からモダンなフロントエンド開発＆サーバレスバックエンド構築をしてきます。今回は、Vue.jsで作成したSPAからAppSyncへGraphQLベースのリクエストを送り、裏のDynamoDBへデータの書き込みと読み込みまでを確認します。 （完成図） バックエンドのAWSリソースは、Amplify Frameworkを使用することで、コマンドラインから作成していきます。 また、Amplify Consoleを使用することで、CI/CDパイプラインも同時に作成し、GitHub上の最新断面がHTTPSでWebアプリとして公開するまでが本記事のゴールです。 登場人物 Vue.js 小さなアプリから大規模まで対応できる優れたフロントエンドフレームワークで、個人的にも多用しています。本記事はV

この記事はGraphQLで使われる文法の入門編です。 よく使われるクエリの文法に焦点を当てて整理しています。 今回はPlaygroundとして一般公開されている以下のサイトを例にして、GraphQLの文法をクエリの実行を試しながら整理していきます。 http://snowtooth.moonhighway.com/ ※以下のページより、PlaygroundのIDEをインストールして利用することも可能です。今回は既に公開されているスキーマベースで文法を確認していきます。 https://github.com/prisma/graphql-playground SQL/RESTとの比較 GraphQLはクエリ言語です。基本的にはQueryとMutation、Subscriptionを使い分けます。 SQLはデータベース専用のクエリ言語です。 GraphQLはインターネットのためのクエリ言語です

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

SPA -> GraphQL -> Serverlessバックエンド Vue.jsとAmplifyを駆使して、1からモダンなフロントエンド開発＆サーバレスバックエンド構築をしてきます。今回は、Vue.jsで作成したSPAからAppSyncへGraphQLベースのリクエストを送り、裏のDynamoDBへデータの書き込みと読み込みまでを確認します。 （完成図） バックエンドのAWSリソースは、Amplify Frameworkを使用することで、コマンドラインから作成していきます。 また、Amplify Consoleを使用することで、CI/CDパイプラインも同時に作成し、GitHub上の最新断面がHTTPSでWebアプリとして公開するまでが本記事のゴールです。 登場人物 Vue.js 小さなアプリから大規模まで対応できる優れたフロントエンドフレームワークで、個人的にも多用しています。本記事はV

AWSでサーバレスなAPIの開発 AWS Lambdaの最大実行可能時間が5分から15分に拡大され、Lambdaを使ったサーバレスな業務ロジックも今後さらに増えていくことでしょう。 今回はAPI Gatewayと組み合わせてエンドポイントを作成し、DynamoDBでデータ管理を行うことで、コストを最小限に抑えたサーバレスAPIをAWS上に構築していきます。 さらにSAM（Serverless Application Model）を利用して、API GatewayとLambdaのデプロイまでをすべてコードで管理していくことを目指します。 シンプルなAPIを高速に開発・管理したいという時の手順にしていただければ幸いです。 今回作成するAPI一覧 リクエストパラメータの情報を返却するシンプルなAPI(hello-world) リクエストボディの情報をDynamoDBに登録するAPI(score-

ARで遊んでみる ARKit2の発表を受けて、久しぶりにARを使って遊んでみたくなり、簡単なアプリを作ってみることにしました。OSのアップデートやXcode10のインストールから始めたので、少し時間のオーバヘッドがありましたが、アプリ自体は画像を認識して３Dオブジェクトを表示するだけなので難易度は低く、実質作業は2日どころか1時間もあれば余裕でできます。 ※結局ARKit2固有の機能は使わず。。次回に持ち越しです。 技術/環境 Swift4 iOS12/Mojave Xcode10(ベータ版) まずはXcode10をインストール ARKit2を使用する場合はXcode10をインストールする必要があります。※今回は使用していませんが。。 2018年9月8日時点ではベータ版なので、Appleの公式ページからベータ版をダウンロードしましょう。公式ページはこちら ※iOS12、macOS Moja

（追記） ERC1155に関してまとめた記事を書きましたので、リンクを貼っておきます。 Ethereum Advent Calendar１日目として投稿した記事です。 https://lab.stir.network/2018/11/08/design-of-a-gaming-worldview-that-erc1155-enables/ 背景 Ethereumでは、独自通貨を簡単に作れるERC20や、個体値を持つキャラクターを定義できるERC721など、便利なトークン規格が次々と登場しています。 最近では、ERC20とERC721を組み合わせた、ERC1155というハイブリッドなトークン規格が提唱されており、今後はERC1155ベースのトークン実装も盛り上がってくるのではないかと予想しております。 そこで、ERC20 / ERC721 / ERC1155 のソースコードを整理して、各コン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ブロックチェーン技術とは 誤解を恐れず言うと、ブロックチェーンとは改ざん不可能なデータベースである。 ある地点で承認された情報の塊（ブロック）を、ネットワーク参加者が連鎖（チェーン）的に積み上げていく事で、過去のデータは書き換え不可能に収束していく。 ブロックチェーン技術はかなり前から注目されている技術であるが、仮想通貨での利用例ばかりが取り上げられ、「自分には関係のない世界の技術」と一線を引いている人も多いのではないだろうか。 この記事では、なぜエンジニアがブロックチェーン技術を学ぶ必要があるか、その有益性に関する情報を整理する。 な

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事でできるようになること SpringBootでCRUD操作可能なREST APIを開発（20分） Vue.js＋ElementUIでモダンなSPA開発（20分） Firebaseで認証機能の作成（10分） Webアプリをつくってみて全体像のイメージをつかもう この記事は、Web開発初心者向けに書かれています。誰でも簡単に、1から本格的なWebアプリを開発できるようになることが本記事の目的です。 Webアプリというと、フロントエンド、サーバサイド、DBやネットワークなど、本格的に運用するには様々な知識が必要になりますが、まずは手を

Unityで作成したプロジェクトをAndroidで実行するにはUnity側でAndroid SDKのパスを設定する必要がありますが、設定画面にそれを設定する項目が表示されないという事象が発生しましたので、その対策をメモします。 #環境 OS ： windows10 Unityのversion：5.3.1f1 #事象 Unity Personalの「Edit」->「Preferences」->「External Tools」を開くと、Android SDKを指定する項目が表示されない。(本来はここに設定項目が表示されるはずである) #対処 以下サイトで「無料ダウンロード」をクリックし、Unityを再インストールする https://unity3d.com/jp/get-unity 続いて、インストーラーの「Choose Components」にて、 **「Android Build Supp