スタディメーター Tech Lab.

本

スタディメーター株式会社では、プログラミング未経験のスタッフが開発やデザインを勉強しながらプロダクト開発を行う活動に取り組んでいます。「これを見てやってみて」と渡せるチュートリア…

運営しているクリエイター

#エンジニア

高校生がNASAのオープンデータを活用して開発した「宇宙の地図」がおもしろい！

僕が代表を務めるスタディメーター株式会社では、2年前から高校生や大学生と一緒に新サービスを開発する取り組みを行っています。今年からは、この活動を「First off Projects(FoPs)」と命名して、一つのチームとして活動しています。そして、FoPs立ち上げ後初の成果「宇宙の地図」が完成したので、紹介させてください。取り組みの詳細については、プレスリリースをご覧ください。この記事では「宇宙の地図」のおもしろポイントや、開発の裏話を紹介したいと思います。宇

DAOの立ち上げ方法、運用方法をスライドにまとめました。

僕もWeb3ブームに乗っかってみようと思い、DAOの立ち上げに挑戦してみました。一番有名なDAO管理サービスである「Aragon」を使ったDAOの立ち上げ～運用の手順を一通り試したので、その流れを解説します。スライドの全文はこちらのPDFをご利用ください。 1. MetaMaskのインストールDAOを利用するためには、仮想通貨(ブロックチェーンのトークン)を管理する「ウォレット」が必要です。ここでは、最も有名なウォレットアプリであるMetaMaskを使用します。 2.

ChatGPTのAPIを使って、APIを学びながらオリジナルのChatGPTアプリを開発するまとめ

ChatGPTをはじめ、現代のシステム開発では「API」を上手に使えると、高度な機能を簡単に実装できます。今回は、APIってなんだ？というところから、自分のシステム（React+Next.js）にAPIを実装する手順までを一度に学べるまとめをつくってみました。開発部分については、この記事のところまで環境構築ができている（create-next-appでreactアプリを構築）ことを前提にしています。そもそもAPIとは？APIとは、簡単に理解すると、システムの機能だけを

サイトを作ったらとりあえずこれをやる。Google Analytics(GA4)導入からカスタムイベント集計、レポート出力まで

Webアクセス解析の定番と言えばGoogle Analytics(GA)ですね。タグ設置までの導入手順を説明しているサイトは既にたくさんありますが、特定のボタンが押された回数を計測したり、GAでレポートを出力したりするところまでまとめて説明しているものがあまりなかったので、「どんなサイトでもこれは必ずやるよね」という基本動作の手順書をつくりました。なお、GAは単体で導入するのではなく「Google Tag Manager(GTM)」と併用するのが一般的、と言う方も多い

プログラミングに挑戦したい人が最初に学ぶこと - VSCodeインストールからReactアプリを立ち上げてWeb公開するまでの手順書

システム開発をやってみたいな、と思ったとき「これだけ読めば一通り全部できる！」という情報が意外となくて、「VSCodeを入れる」「GitHubに接続する」「Reactアプリを立ち上げる」などの情報を別々に調べて実行しなければいけません。初心者向けにある程度まとまった情報サイトや入門書もあるのですが、たいてい自分のPCの中だけで作って動かす想定になっています。でも、「システム開発をやってみたい！」というのは「自分の作ったシステムを世の中に発信したい！」ということじゃないです