個人的Rails開発環境構築2024
新規でRailsプロジェクトを始める時の個人的な環境構築についてまとめる。前提とする条件等は下記。 規模: ~中規模 開発者数: 個人 利用シーン: PoC作成・スタートアップ立ち上げ・並の業務アプリ開発等 基本戦略 利用シーン的に「思い立ったらすぐアプリの開発ができる」という感じの運用がしたい。極力セットアップで悩みたくないから必要なミドルウェアなどは全部Dockerでインストールできるようにして立ち上げれば終わり、の環境を作る。その環境の中で色々とコマンドを叩いたり、rails newやrails gなどでRailsアプリを作成していく。 この辺のRailsの初期セットアップの手間を出来るだけ省きたいのでtemplateとなるリポジトリを作成し、そこからcloneしてくるだけでOKにする。 フロントエンドはReactなどを使わずをRails標準のerbとHotwireを軸に開発する。開
この記事はNuco Advent Calendar 2023の9日目の記事です。 はじめに この記事ではDockerで開発環境を行うために理解してほしい概念と実際の開発環境の構築手順について解説を行います。大きく分けて、 ・Dockerの概念理解 ・開発環境の構築 これらの章により構成されています。この記事を読むことで、Dockerファイル、イメージ、コンテナ、Docker compose、compose.ymlを理解できるようになることを目指しています。Dockerに触れてみたい、Dockerの理解があやふやという方は参考にしてみてください！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 Dockerとは まず、Do
この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単
Dockerは2023年10月3日から10月5日に開催されたDockerCon 2023で、「Neo4j」「LangChain」「Ollama」とともに「GenAI Stack」を発表した。 GenAI Stackは、Dockerおよび生成AI（GenAI）分野の先端技術を結集したもので、開発者はわずか数クリックでGenAI Stackをデプロイし、生成AIを活用したアプリケーションを開発、構築できるという。 GenAI Stackの特徴は GenAI Stackを利用することで、AI／機械学習（ML）モデルの統合を簡素化し、生成AI技術を容易に利用できる。Ollama、Neo4jなど生成AIによるアプリケーション開発に必要な開発環境が、Dockerコンテナで連携可能な状態で提供される。 関連記事 「生成AI」と「ローコード／ノーコード開発ツール」は相性が良い？ 日立ソリューションズが導入
ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文（スニペット）を登録する方法 VSCodeのUser Snippetを活用しよう！ また後述するSnippet Gen
やったこと Next.jsのプロジェクトを新規作成し、追加で必要なパッケージをインストールしてローカルホストで起動するまでをDockerで行いました。 複数のComposeファイルを使いますが、「docker nextjs環境構築」などで検索した限りではあまり出てこないやり方でした。よくある方法と比較してComposeファイルによるスクリプト化を最大限に利用した方法となっています。 両者を比較した結論としては以下のようになります。 🙆♂️本記事の方法が有効な場面 create-next-appのインタラクティブな操作をしたくない インストールしたいパッケージがたくさんある 🙅♂️本記事の方法が有効でない場面 create-next-appのインタラクティブな操作が問題ない インストールしたいパッケージがない、または少数 この結論の根拠は最後の他の方法との比較と実用性の検討をご覧くだ
三種の神器 今やWSL,Docker,VSCodeは使えて当たり前という雰囲気になってきたので、初心者のためにすごく適当簡単に導入手順をまとめたよ 卍最強の環境卍を構築するため以下の4ステップで解説するよ WSL2の導入 Dockerの導入 VSCodeの設定 使ってみる 1. WSL2の導入 そもそもWSLって何？という方もいらっしゃると思いますが、Windows内でLinux環境を使うことができるぜということだけ覚えておけばOKです 導入についてはPowerShellで以下コマンドを実行するだけ！ インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/wi
WindowsでのReact Native開発環境構築と基礎文法解説：Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
一般に、React Nativeを使い始めるには、「Expo CLI」または「React Native CLI」を使用する2つの方法があります。 どちらの方法にもそれぞれ長所と短所がありますが、React Nativeの公式ドキュメントでさえ、モバイル開発が初めての場合はExpo CLI から始めることを提案しております。 したがって、当記事ではWindowsを使用した最初の React Nativeプロジェクト用にExpo開発環境をセットアップするために必要なすべての手順を説明致します。 そして、Windows上でReactを使用してiOSアプリ開発を試してみたいと思っている方に向けた入門記事でもあります。 ですが、MacOSをお持ちの方はReact Native CLIを使用してプロジェクトをすばやく起動するのが標準的な方法ですので、すぐに移行をお勧めします。 また、この記事では、Re
Nuxt3 + 開発環境構築 + 基本 - Qiita
はじめに 公式ドキュメントをしっかり読もう。 なんとなくで始めても良いけど、結局、公式ドキュメントに戻ることが多かった・・・。 理解度によるんだろうけど。 ハイドレーション サーバーサイドレンダリング(SSR)などで事前にサーバー側で作られたHTMLを、JavaScriptで動的にしていくプロセスのこと。 ①サーバーサイドで作られたHTMLをブラウザが受け取る。 ②javascriptがサーバーサイドで作られたHTMLと期待しているHTML（ブラウザに表示されているHTML)をチェックする。 違っていれば、javascriptが再度レンダリングする。 ③期待するHTMLに対してjavascriptのイベントを登録していく。 個人的に詳細まで理解できていないので、SEOが心配なときはcurlでhtmlを確認するのが良さそうな気がする。（心配性） インストール node.jsのバージョンは、1
Viteで開発環境構築〜Pug・Sass・JS〜
npm createはnpm initのエイリアスでpackage.json を作成します。 vite@latestは「最新バージョン(2023年2月7日時点で4.1)のViteをインストールする」という意味です。 コマンドを実行して、質問に答えながらプロジェクトを作成していきます。 続行の意思確認 npm create vite@latestを実行すると、「create-vite@latestをインストールしてください、このまま続けますか？」と訊かれるので、キーボードのyを入力してEnterを押してください↓
はじめに こんにちは、ニフティ株式会社 基幹システムグループの小倉です。今回は、業務で扱うことの多いPython開発環境に対して、個人的に快適でモダンな開発環境を考えてみたので、共有しようと思います。 使用するツールについて Visual Studio Code今回使用するエディタになります。Dockerコンテナ技術を提供するツールです。PoetryPoetryはPythonパッケージマネージャの1つです。普段の開発ではpipenvを用いることが多いですが、Poetryでは依存解決を高速に行える点と他のパッケージの設定ファイルをまとめて管理できるメリットがあるため今回は使用してみました。RuffRuffは、Rustで記述されたPython用Linterです。Rustを使用しているだけあって処理速度は既存のLinterライブラリの中で最速です。また、スター数も伸びていて、AWS SAMやFa
yuutanoMacBook-Pro todoapp % ls Dockerfile app.py init_todos.py migrations static __pycache__ data.sqlite init_user.py requirements.txt templates Dockerfile FROM python:3.10.10-alpine だと、docker build でエラーになった。 requirements.txt をインストールの箇所で失敗していた。
概要 本記事は、Dockerfile無しにVS Codeの拡張機能を使って、Dockerの開発環境を構築する方法を提供します。Dockerは開発環境の汚染を防ぐにあたり、有用なツールです。一方、Dockerfileの記載とデバッグに面倒さを感じることがあります。ここでは、簡単にDockerでの開発環境を構築する方法を紹介します。 想定読者 Dockerに興味を持ったが動かしたことがまだない方 Dockerを使った開発を体感したい方 VS CodeからDocker環境へアクセスしたい方 簡単にチームの開発環境を統一したい方 環境要件(要Install) 当方はm1 Macbook proに以下をインストールして実施しています。 Visual Studio Code (Ver. 1.77.3) VS code Dev Containers Extension (v0.288.1) Docker
PHPローカル開発環境構築 - Qiita
ローカル開発環境 これは、Mac上でPhpStormを使用したローカルPHP開発環境のセットアップ例です。できるだけ標準ツールのみを使用し、他に影響を与えないようにクリーンに整備することを重視しています。 ローカルで実行するので動作は高速です。開発中のアプリケーション切り替えを最小限にし、統合開発環境(IDE)でより快適で効率的なソフトウェア開発プロセスを体験する事を目指します。 特定バージョンのPHPをインストール XDebugのインストール データベースインストール PhpStorm PHP XDebugのオンデマンドモードの設定 DBブラウザ(DataGrip) Git ターミナルのプロファイル設定 PHP 以下のコマンドでshivammathur/phpをタップ、PHPバージョンを指定してインストールします。PHP5.6から最新版までがインストール可能です。 brew tap sh
Ruby on Railsの習得のためタスクリスト的なの作ってみる②〜Rails7.0+React18.0+ MySQL8.0 Docker開発環境構築編〜 - Qiita
今回は開発環境構築をします。 前回構成を書いた通り、Rails + React + MySQL のDocker環境を作成します。 リポジトリの全体像は、以下のような感じ。 各ソースのディレクトリをコンテナにマウントします。 ※ディレクトリ構成図を書くとき助かる記事はこちら 前提 macOS Monterey バージョン12.4 Docker Desktopはインストール済み Docker構築 Docker自体をよく知らないという方は先人の知見を参考にしてください! ※そんなにわからなくていいや〜という方向けの超々ざっくり説明 →コンテナっていう塊の中でrubyとかnodeとかがそれぞれ動いていて、docker-compose.ymlが複数のコンテナの置き方とか繋ぎ方とかの指示書、Dockerfileは各コンテナの中に入れておくものとか起動した時に何をするかとかの指示書。これらの指示書を共有
はじめに 最近仕事でDockerを使った開発が増えてきたので、自宅の開発環境にもDocker開発環境を作るついでに記事にまとめることにしました。 備忘録的にまとめるため一つ一つの詳しい説明は省きます、たくさん優良記事が落ちているので気になった方は各々調べてみてください。 ※VSCodeはインストール済み前提で進めます。インストール手順は以下の記事に記載しています。 WSLのインストール コマンドプロンプトを「管理者として実行」 PCを再起動すると、自動でUbuntuが立ち上がります。 ユーザ名とパスワードを設定してUbuntuを閉じます。 WSLにDockerをインストール 以下の記事に手順を示しています。 VSCodeの設定 拡張機能 RemoteDevelopmentのインストール 左タブの「リモートエクスプローラー」からWSLターゲットの「Ubuntu」を選んで「WSLへの接続」 新
2022年2月に書いた記事を備忘録でアップしてます SharePointFramework1.13を使ってます。 結論Docker上の開発環境だとうまくいかず https://qiita.com/C_pnpc/items/0f731e3b3fa0e571ac2c 結局ローカルPCに環境構築して、やっとうまくいきました。(本記事) 環境はwin11PCです。 手順はMSの記事といつもの及川さんの記事を参考にしてます。 今回手順がいつも以上に簡素です。。 1.node.jsインストール 参考手順 https://nodejs.org/download/release/v14.15.5/ ここのnode-v14.15.5-x64.msiをダウンロードじ、実行 2.コマンドプロンプトを管理者で起動 3.gulpインストール npm install gulp-cli --global 4.インストー
概要 ※当記事は所属している株式会社コンピュータテクノブレインにて投稿した内容を転載したものです。 再度環境構築の話となりますが、タイトルにある通りNginxのリバースプロキシを使用しNext.js、Ruby on RailsのDockerを使用した開発環境の構築についての手順を紹介します。 データベースはPostgreSQLを使用しようと思います。 構成 2022年6月22日時点での環境を示します。 macOS Monterey 12.4 Docker 20.10.14 Docker Compose v2.5.1 Nginx 1.21.6 Node.js v18.4.0 Next.js 12.1.6 Ruby 3.1.2 Ruby on Rail 7.0.3 PostgreSQL 14.3 ディレクトリ構造 プロジェクトルート ├── docker-compose.yml ├── con
0. はじめに 大阪の受託開発エンジニアの、kazumakishimoto(@kazuma_dev)です！ Laravelプロジェクトをgit cloneして、vendorや.envファイルを作ってphp artisan serveするまでのメモです！ (※初期設定は必要に応じて実施してください。) 0-1. 目次 1.環境構築 2.初期設定 Reference 0-2. 前提条件 Gitインストール済み GitHub登録済み 0-3. 開発環境 key value
続編記事を投稿しました 🥳🎉 (2023/06/08) CodeSpaces の紹介の他に実際の開発で活用している Dev Container 設定のサンプルも紹介します。 Dev Container で MySQL や LocalStack などのサービスを起動する方法や、ローカル環境と Dev Container 環境での開発の共存方法など実際の開発で活用しているものから抜粋したものを紹介しています。 [続！Dev Container] GitHub Codespaces でクラウド開発環境を構築 はじめに こんにちは。共通サービス開発グループで複数のサービスが利用する決済プラットフォームの開発チーム[^1][^2]に所属している鳥居です。 この記事をご覧の皆さんは、ローカル開発環境の構築時にこんな経験ありませんか？IDE の設定を環境構築手順書に従って構築したが動かなかったり、プ
初心者による「viteを使った開発環境構築！」
自己紹介 こんにちは。 駆け出したばかりの web エンジニア(24)です。 暇すぎてお遊び感覚で始めた Progate の HTML と CSS をやったら面白くなってしまい、一人前のフロントエンドエンジニアを目指し未経験から転職をいたしました。 最近は React のキャッチアップに勤しんでおります。 今回やること 早速本題ですが、今回は表題の通り開発環境の構築を紹介しようと思います。 なぜこうなったかといいますと、駆け出しエンジニアの自分が 「なにかポートフォリオを作ってみたいな〜」 となり、せっかくなら簡単な開発環境の構築からと思い立ちまして、せっせと調べながらやっていたんですが、せっかくなら自分と同じ状況になっているかもしれない駆け出しの方に共有しようと思った次第です。 では早速見ていきましょう:) 開発環境構築 どのようにやっていくかですが、今回はvoltaでnodeとnpmの
Python開発環境構築手順（VSCode, Docker, Poetry, isort, black, flake8, pytest） - Qiita
Python開発環境構築手順（VSCode, Docker, Poetry, isort, black, flake8, pytest）Python はじめに Python開発環境を整備し直したときのメモです コードはこちらに配置しています どういう開発環境を作るか VSCode・Docker上で実行する（ローカルでの実行を想定） パッケージ管理はPoetryを利用する linter, formatterはisort, black, flake8を利用する コマンドだけでなくVSCodeからも利用する テストはpytestを利用する Jupyter Notebookも利用可能にしておく セットアップ手順 事前準備【ローカル】 VSCode・Dockerのインストール VSCode拡張機能Remote Developmentのインストール 設定ファイルの配置 （参考）フォルダ構成 . ├──
Haskell の開発環境を GitHub Codespaces に構築するためのチュートリアル記事です。 Codespaces の Ubuntu 22.04 コンテナに ghcup, stack, Haskell Language Server, Haskell VSCode Extension がインストールされた状態で開発を始めることができます。 記事内で紹介する設定ファイルは次の repository にも置いてあります。 https://github.com/algas/codespaces-haskell-init 対象読者 オンラインで Haskell を使った開発をしたい Haskell の開発環境を構築するのが面倒 前提条件 VSCode を使ったことがある/使っている GitHub の基本的な使い方を知っている GitHub で Codespaces が使える状態になっ
Docker を使えばコンテナ単位で作りたい環境をサクッと作れます。 今回は Mac、Windows それぞれで利用できる PHP/MySQL の開発環境構築手順について解説します。 Docker や Docker Compose について触ったことはあり理解はしているが、手順を忘れたので確認した方向けの記事です。 前提として Docker Desktop がインストール済みの状態を想定しています。 動作確認は以下のOSで行いました。 macOS Catalina バージョン 10.15.17 エディション Windows 10 Home ※ Windows の場合は WSL2 をインストールが必要です。 概要（フォルダ構成） 以下のフォルダ構成で PHP / MySQL の環境を構築します。
更新履歴 2022/12/17 Tauri 1.2 に合わせて Tauri プロジェクト生成 手順を修正 この記事について 2022年06月16日、クロスプラットフォーム対応のアプリケーションフレームワーク「Tauri」から、初の安定版となる v1.0 がリリースされました。以前から注目していたフレームワークだったので、この機会に開発環境の構築手順を整理しておこう！ということで記事にしました。 Tauri とは？ Electron の代替を目指して開発が進められている、クロスプラットフォームの GUI フレームワークです。Electron と比べて「バイナリサイズが小さい」「処理が速い」といった特徴があります。 現時点ではデスクトップアプリのみがサポートされていますが、今後はモバイルアプリへの対応も予定されているそうです。 公式サイト より抜粋 Tauri is a toolkit tha
dockerとは dockerはコンテナ型の仮想環境を作成、配布、実行するためのプラットフォーム（仮想化方式） 仮想化には2種類 出典：https://cn.teldevice.co.jp/column/10509/ ホスト型仮想化（VMWare, VirtualBox） アプリケーションを実行するためにはまずゲストOSを起動させなければならず、CPUやメモリ、ディスクなどのリソースも多く消費する インフラ（データセンター）を仮想化ソフトウェアを使って細かく切り出し、webを通じてクラウド化してサービス提供している代表的なものがAWS（例:EC2など） コンテナ型仮想化（Docker） dockerはゲストOSを使わないことが大きな特徴。（ホストマシンのカーネルを使っている。docker enjineの上でコンテナを動かしている。） dockerは設定がコード化されているので作成した環境を
アップルをはじめとして、最近スペックがそこそこ良いPCがわけわからないくらい高くなり、誰でも使える個人用のコンピュータというPersonal Computerの趣旨と乖離しています。独断と偏見ですが、せっかく数十万円でPCを購入したのにもかかわらず、 パーツ交換不可なので、数年後は電子ゴミになり、自然環境に優しくない 不要なソフトウェア・サービスが多い（たとえば、2022年なのに、バージョン管理非対応のクラウドサービスiCloudが大きなシェアを占めているっていう皮肉） なんとかStoreの通知がうるさい。利用するのにアカウント（個人情報）が必要 プライバシー侵害問題 ... 別にゲーマーではないですが、数十万払ったのに自由が奪われる感じがどうしても気に入らないので、自作PCからLinuxの開発環境を構築することにしました。 ハードウェア 秋葉原まで行く元気がなかったので、すべてのパーツは
はじめに 翔泳社 CodeZine Booksから刊行されている『Androidアプリ開発の教科書 第3版』（Java対応、Kotlin対応）の第1章と第2章では、Androidアプリ開発に必要な環境構築と、その環境を利用して画面に「Hello World!」と表示させる、初めてのAndroidアプリの作成方法が掲載されています。 Androidアプリの開発環境である「Android Studio」はアップデートサイクルが早いため、書籍掲載の内容と、最新の手順とが一部異なるところもあります。本記事では、2023年5月時点での、Androidアプリの開発環境構築方法を紹介します。 対象読者 最新のAndroid Studioに対応した開発環境構築手順が知りたい方 これからAndroidアプリ開発を学習する方 『Androidアプリ開発の教科書 第3版』をお持ちの方 開発環境 Windows：
インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」
インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」登壇資料です。
Laravel Sailで開発環境構築【Vite対応】
はじめに 今回は、Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。 Laravel SailはmacOS、Linux、Windowsに対応しています。 今回はWindowsで環境を構築しました。 MacでSailの環境構築方法につきましては、以下の記事をご覧ください。
このガイドでは、VSCode (Visual Studio Code) を使用して Spring Boot 入門ガイドの 1 つを作成する方法について説明します。
脱 create-react-app! webpackでReact ×TypeScrip開発環境構築からHello World!まで
まえおき この記事では、なんとな〜くゆる〜く webpack を理解する記事となっています。 2022 年 3 月からエンジニアとしてキャリアをスタートして、業務でマニュアルでの環境構築が必要になったのでこの記事を書こうと思いました。 脱 create-react-app みなさんはcreate-react-appせずに React の開発環境を構築したことがありますか? 私は、ありませんでした。 実際の開発現場(業務)では、create-react-appでプロジェクトを始めることが無いそうです。(わたしの周りの場合では。) create-react-appはコマンド一発で React の開発環境を構築できて便利ですが、webpack の設定が隠蔽されるため、の設定をいじくり回すにはejectする必要があります。 ejectはひと手間かかるうえ、公式では推奨していないようです。 それだっ
【2024年版】GAS+Vue.js(3.x)のclaspとTypeScript快適ローカル開発環境構築 - Qiita
Abstract GASとVue.jsを使って社内アプリケーションを作成しようとしたとき、Vue.js側にTypeScriptを導入している記事はほとんど見なかった。筆者はかつてフルスクラッチでHTML+JS+GASで簡易的なアプリケーションを開発してそれを今でも運用しているが、型の確認が弱いことやそもそもGASはJSファイルとして独立したファイルを許してくれないの(htmlファイルとして書く)で、割と地獄を見た。 そこで本記事では、まずGAS側はclaspを導入してTypeScriptで書き、webpackを導入して複数のフォルダ構造での開発を可能にする。次にVue.js側ではvue-cliでTypeScriptのひな形を作成したのちに、vue.config.jsを編集することでGASに使える単一ファイルにまとめる手順を紹介する。以上を以て、GASもVue.jsも全てをTypeScrip
Supabaseのローカル開発環境構築
Supabaseのローカル開発環境を構築するメモ。プロジェクト開始時にやっておきたい。 前置き Supabaseは彼らの本番環境と同じ環境をローカルにDockerで構築できる仕組みを提供している。これをローカルで立ち上げるとStudioと呼ばれるGUI(本番と同じもの)が利用できるようになる。しかしStudioから操作できるのはPostgreSQLに関するもの(DatabaseやTable/SQL Editorなど)だけである。本番では提供されているStorageやAuthやSettingsに関してローカルのStudioには表示されない。roadmapには載ってるらしいがまだ提供されていない。 supabase/studio at master · supabase/supabase No storage/bucket option on self-hosted supabase · Is
% tree -a -I 'node_modules' . ├── dist ├── package-lock.json ├── package.json ├── src │ ├── main.ts │ ├── preload.ts │ └── web │ ├── App.css │ ├── App.tsx │ ├── index.html │ └── index.tsx ├── tsconfig.json ├── tsconfig.node.json └── webpack.config.ts 3 directories, 11 files dist/: webpack の出力先フォルダ src/main.ts: メインプロセスのエントリファイル src/preload.ts: プリロードスクリプト src/web/: レンダラープロセス (= React アプリケーション) ソースコー
Qiita版 先日の出張の際に、秋葉原の千石電商でRaspberry Pi Pico（以下「Pico」）が550円で販売されているのを見つけて、思わず買ってしまいました。Picoは公式にはC/C++とMicro Pythonでの開発に対応していますが、プロセッサのRP2040はArm Cortex-M0+プロセッサなので、組込みRust開発ができそうです。調べてみると、既に対応するクレートが開発されており、英語の導入記事がいくつか見つかりました。以前から組込みRust開発に関心があったので、これらを参考にしてまずクロス開発環境の構築から試してみました。 開発環境構築の前に：はんだ付け Picoは以下の写真のようにピンヘッダが実装されていない状態で販売されています。 Pico基板：ピンヘッダが実装されていない （「Raspberry Pi Pico datasheet」より引用） 通常はブレ
はんだ付けが難しい場合、価格は少々高くなりますが、スイッチサイエンスからピンヘッダ実装済みのPicoが販売されているので、それを購入するのもよいでしょう。 ピンヘッダのはんだ付けが完了したら、ブレッドボードに挿入します。PCとUSBケーブルで接続するので、ケーブルが出る方の端に配置すると、残りの部分に部品を置きやすくなります。 それでは、以下より開発環境を構築していきます。 実行環境 Mac mini (2018) macOS Big Sur 11.5.2 HomebrewでGitをインストール済み Macでの手順を記述しますが、Linuxでも同様に実行できると思います。 開発に必要なツールの準備 まず、Rustのツールチェインをはじめとした、開発に必要なツールをインストールします。 Rustツールチェインの準備 https://rustup.rs/ の手順に従い、Rustのツールチェイン
背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi
頑張らない Vue3 開発環境構築
あんまり頑張らずに開発できる環境を目標にする。実現したいのはこれくらい。 最終的な構築結果は https://github.com/toruuetani/vue3starter にある。 Vue3 + VSCode + TypeScript + Vuex + VueRouter で開発する。 Vue3.2 から使える <script setup> 構文を使えるようにする。 ビルドツールには Vue/CLI ではなく Vite を使う。 現代のプログラミングにおいて Linter や formetter は当然なので、 ESLint + Prettier を導入する。 前提とするバージョンは以下の通り。 Windows 10 20H2 nvm-windows 1.1.8 Node.js 14.18.2 ※ v14 は特に意味はない。 v16 でも問題ないはず。 npm 6.14.15 ※ y
【Dockerfile 無し】docker-compose で簡単にPHP開発環境構築 SSL対応 Laravelインストール - Qiita
【Dockerfile 無し】docker-compose で簡単にPHP開発環境構築 SSL対応 LaravelインストールDockerdocker-compose ある程度簡単にdocker-composeで開発環境を構築する手順です この手の記事はよくあるので、設定自体は全然煮詰まってないかもしれませんが、 このやり方以下のポイントを意識しています dockerイメージのビルドをしない（公式のイメージのまま利用） SSL対応 WEBコンテナのユーザIDをホスト側のユーザIDに合わせる 1が個人的1番のポイントで好みですが、取り急ぎテスト的に環境作って始めるときに、使い捨てになるかもしれないイメージをローカルに作りたくないという動機です。 （開発環境として安定したらビルドしたほうが環境の立ち上げが早くなるし良いと思います） 2は本番環境はSSLなのでローカルもできるだけSSLにしたい、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dockerによる開発環境構築のための概念理解と方法解説 - Qiita
2023年度版フロントエンド開発環境構築徹底解説 - Qiita
Docker、生成AIアプリの開発環境構築を容易にする「GenAI Stack」を発表
主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
Next.js開発環境構築にdocker composeを使い倒した話
【早い！安い！うまい！】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita
個人的Python開発環境構築 - NIFTY engineering
【Docker】Flask 開発環境構築の流れ - Qiita
Dockerfile無しにVS Code + Dockerで開発環境構築 - Qiita
ゼロから始めるVSCode×Docker開発環境構築【Python】 - Qiita
SharePointFrameworkの理解を深める04(DockerなしSPFx開発環境構築) - Qiita
Nginx+Next.js+Rails+PostgreSQLを使用した開発環境構築 - Qiita
【Laravel】git cloneして開発環境構築 - Qiita
VSCode Dev Containerを使った開発環境構築
Haskeller のための開発環境構築 on GitHub Codespaces - Qiita
Docker(docker-compose) を使って PHP / MySQL 開発環境構築
Rust によるデスクトップアプリケーション開発環境構築 with Tauri 1.2 - Qiita
Dockerでのローカル開発環境構築の入門 - Qiita
自作PCからUbuntu22.04開発環境構築してみた - Qiita
【2023年版】Android StudioのインストールとAndroidアプリの開発環境構築方法
VSCode Java Spring Boot 開発環境構築 - 公式ガイド
Electron + React + TypeScript の開発環境構築
Raspberry Pi Picoで組込みRust開発（開発環境構築編） - ochalog
Raspberry Pi Picoで組込みRust開発（開発環境構築編） - Qiita
DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築