タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文（スニペット）を登録する方法 VSCodeのUser Snippetを活用しよう！ また後述するSnippet Gen
インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」
インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」登壇資料です。
AIコーディング時代の到来 AIを使ったコーディングが話題になっていますね。私も個人のプロジェクトやデモで実験的に使っていますが、ちょっとしたアプリやツールなら、それこそ人間には不可能な速度で爆速で開発することができるようになり、その体験に驚き興奮しています。一方で「そんなに便利に思えない」とか「Cline(Roo Code)、Cursor、Windsurf、GitHub Copilot等たくさんAIによるコーディングサポートツールが出てきていて、どれを使えばよいのか分からない」という理由で、なかなか利用に踏み出せない人も多いのではないでしょうか？ 私が、ツールをいくつか試してみて感じたのは、それぞれのツールごとの使い勝手の違い、メリット・デメリットはありますが、開発の方向性としては共通していることです。それは、多くのツールがAIがCopilot（副操縦士）からPilot（操縦士）として振
インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/windows/wsl/about 導入についての公式ドキュメント↓ https://learn.microsoft.com/ja-jp/windows/wsl/install 2. Dockerの導入 Dockerについてはすっごい雑な説明をするとアプリケーションの環境(コンテナ)を簡単に構築/共有するためのツールという感じです Dockerを使うと主に以下のメリットがあるよ 独立した環境が簡単に建てられる Dockerfile(コンテナを立てるための設計図のようなもの)で管理できるため環境の共有が簡単に
Rosetta 2とは Rosetta 2は従来のインテル用のアプリをApple Silicon Mac上で自動的に変換して実行できるようにする技術です。Rosetta 2は最初からMacにインストールされている訳ではなくて、 インテルアプリを実行しようとしてRosetta 2が必要になった時点でインストールを求められます。今回はこのインストールを徹底的に拒否して検証を進めます。 Macの設定あれこれ いきなり話が脱線しますがMackbookを買って最初にやった設定をメモ書きします。 クリックとドラッグの設定 タップでクリックやドラッグがしたい人向けです。特にタップでドラッグは長めのドラッグに便利なので重宝します。以下の記事が参考になりました。 Caps LockをControlキーに変更 Aキーの横はControlじゃないと落ち着かな人向けです。JIS配列の方はそのままAの横がContr
Windows開発環境構築メモ
開発環境構築用のメモを自分用に書き残しておく。 GUIアプリケーション この辺りを入れる。 Google Chrome Google日本語入力 1Password 4 Dropbox Docker Desktop for Windows 未だに購読版に移行せず買い切り版の1Password 4を利用している。 Windows + Vを利用するとクリップボード履歴を有効化できるので、済ませておく。 Google日本語入力の設定 HENKANキーでIMEを有効化 MUHENKANキーでIMEを無効化 というキー設定を普段利用しているのでそのように設定する。 直接入力 入力文字なし 変換前入力中 変換中 以上の4つのモードについて、それぞれキー設定のエントリを追加する。 Windowsライセンス認証 Windows 10 Pro 64bit辺りをライセンスキー無しでインストールしていると思うので
WSL2: 開発環境構築＆ツール開発ガイド
Windowsの大型アップデートの20H1でWSL2がとうとう利用できるようになりました。その後、19H1や19H2にもバックポートされることになりました。 今まで、長らくウェブサービスの開発やプログラミングの勉強では「macが良い」と言われることも数多くありました。Windowsでは環境構築が多少面倒だったり、Windowsを対象としてみていないツールもあったりして、多少ビハインドもありましたが、Microsoftは近年さまざまな改良をやVisual Studio Code、Windows Terminalなどの新しいツールなどを継続的にリリースし、Windowsでの開発体験はかなり良くなってきました。その最後のトドメがWSL2です。 ちょうどIntelのCPUが元気がなかったりmacのキーボードが不評だったり、その一方で絶好調のAMDのRyzen機が次々とリリースされていることもあり、
この記事はNuco Advent Calendar 2023の9日目の記事です。 はじめに この記事ではDockerで開発環境を行うために理解してほしい概念と実際の開発環境の構築手順について解説を行います。大きく分けて、 ・Dockerの概念理解 ・開発環境の構築 これらの章により構成されています。この記事を読むことで、Dockerファイル、イメージ、コンテナ、Docker compose、compose.ymlを理解できるようになることを目指しています。Dockerに触れてみたい、Dockerの理解があやふやという方は参考にしてみてください！ Dockerとは まず、Dockerに対する理解をしていきましょう。 Dockerとは「コンテナ型の仮想環境を作成、共有、実行するためのプラットフォーム」です。クジラのようなアイコンが特徴的です。 私が最初に勉強をした時に、 「コンテナ型の仮想環境
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? あらすじ 普段はMacBook Airを使っています。ただ、MBAでなにかを開発しようとするとスペック不足を感じていました。 最近はWindowsもWSL2やWindows Terminalなどが使えて、Visual Studio Code Remote Development を使えば開発もしやすいという話も聞くようになりました。 ゲーム用にWindows デスクトップPCを持っていたので、イチから開発環境構築しました。 ↑ WSL2(Ubuntu 20.04) で create-react-appを動かしてVSCode, Chrom
Windowsユーザーの皆さん、手軽にLinux環境で開発したいですよね！そんなときWSL2やコンテナが選択肢に上がるでしょう。VSCodeのRemote Development機能を使い、どちらも試してみました。Windows・WSL・コンテナを使い分けつつ、VSCodeで快適に開発ができるようになります！ おおまかな流れ 【準備編】WSL2の有効化と拡張機能のインストール 【WSL編】VSCodeからWSL2にリモート接続する 【コンテナ編】Dockerのインストール 【コンテナ編】VSCodeからDockerコンテナにリモート接続する 【コンテナ編】コンテナでWebサーバーを立て、ブラウザからアクセスする ※ 筆者の環境は Windows10 Home 21H1 です。Windows10 Pro/Enterpriseとは手順が異なるかもしれません。
この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単に紹介だけしておきます。 Visual Studio Code もはや説明の必要が無いほどに普及しているエディタと言っても良いと思います。 フロントエンド向けの拡張機能も幅広く存在しているため、自分に合うカスタマイズが可
背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi
個人的Rails開発環境構築2024
新規でRailsプロジェクトを始める時の個人的な環境構築についてまとめる。前提とする条件等は下記。 規模: ~中規模 開発者数: 個人 利用シーン: PoC作成・スタートアップ立ち上げ・並の業務アプリ開発等 基本戦略 利用シーン的に「思い立ったらすぐアプリの開発ができる」という感じの運用がしたい。極力セットアップで悩みたくないから必要なミドルウェアなどは全部Dockerでインストールできるようにして立ち上げれば終わり、の環境を作る。その環境の中で色々とコマンドを叩いたり、rails newやrails gなどでRailsアプリを作成していく。 この辺のRailsの初期セットアップの手間を出来るだけ省きたいのでtemplateとなるリポジトリを作成し、そこからcloneしてくるだけでOKにする。 フロントエンドはReactなどを使わずをRails標準のerbとHotwireを軸に開発する。開
特に意味はないけどおしゃれかなと思って貼ったスクショ Scala Advent Calendar 2020 - Qiita 3日目です ここ2,3年の間にScalaの開発ツールチェーンは進化を続けていて、Scalaの開発体験はめちゃくちゃ良くなってきています。例えば、数年前だと IDEは基本的にIntelliJ一択、vimとかemacsで開発環境作れなくもないけどかなり大変 IntelliJの型チェックがうまく行かなくて、ちょっと複雑なコード書くとコンパイルは通るのに画面が真っ赤になる コンパイルが遅い(インクリメンタルビルドしても遅い) という感じだったのですが、現状はかなり改善されていて IntelliJ 以外にも metals という Language Server がかなり使いやすくなっていてあらゆるエディタで簡単にScalaを書けるようになった IntelliJ も metals
はんだ付けが難しい場合、価格は少々高くなりますが、スイッチサイエンスからピンヘッダ実装済みのPicoが販売されているので、それを購入するのもよいでしょう。 ピンヘッダのはんだ付けが完了したら、ブレッドボードに挿入します。PCとUSBケーブルで接続するので、ケーブルが出る方の端に配置すると、残りの部分に部品を置きやすくなります。 それでは、以下より開発環境を構築していきます。 実行環境 Mac mini (2018) macOS Big Sur 11.5.2 HomebrewでGitをインストール済み Macでの手順を記述しますが、Linuxでも同様に実行できると思います。 開発に必要なツールの準備 まず、Rustのツールチェインをはじめとした、開発に必要なツールをインストールします。 Rustツールチェインの準備 https://rustup.rs/ の手順に従い、Rustのツールチェイン
WordPress公式dockerパッケージ wp-env による開発環境構築 – Capital P – WordPressメディア
二ヶ月ほど前に WordPressによる公式Dockerコンテナである wp-env がリリースされたが、現在は日本語ドキュメントの整備も進み、かなり成熟してきたようだ。 wp-envの特徴 さて、wp-envはDockerのnpmラッパーといった趣で、次のような .wp-env.json をリポジトリに用意しておくことで、開発環境がまるっと用意できる。 { "core": null, "plugins": [ "." ] } Dockerを利用したWordPress開発環境はいくつかあるが、利点は下記の通り。 公式でサポートされている。たとえば Docker がリリースしているWordPressイメージなどはファイルパーミッションなどがやや微妙だった。DockerとNode（v12以上）がインストールされていれば、環境を再現できる。追加ソフトウェアのインストールは不要（というより、npm
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
macOSでもサクッと使える！Colimaで開発環境構築がカンタンになった話 - Mirrativ Tech Blog
こんにちは フロントエンドエンジニアの どじねこです。 今回はミラティブのバックエンド開発環境の 2025 年上半期の現状を皆様にご紹介します。 なお 2021 年 12 月 時点での情報が別記事にまとまっておりますので、ここからのアップデート情報と言う形でご覧いただけるとより楽しめると思います。よろしければ併せてご覧ください。 tech.mirrativ.stream Multipass での運用と課題 2021 年 12 月 時点ではミラティブのバックエンド開発では Multipass を活用して VM 上でサーバーアプリケーションの実装が行われていました。より厳密には VM 上で dockerd が起動しておりそこでサーバーアプリのコンテナが Docker Compose により複数起動しています。 canonical.com 記事中では VM に SSH で接続し、VM 内部にコー
Apple Silicon Mac 時代の PHP 開発環境構築 2021 / php-dev-env-on-m1-mac-era
Apple Silicon Mac 時代の PHP 開発環境構築 2021 / php-dev-env-on-m1-mac-era
JavaScript開発環境構築（macOS編）
JavaScript開発を行うために、Node.js などをセットアップする記事です。 昨今の、React, Vue, Angular などの開発に必須なものです。 対象は macOS ですが、気が向いたらWindows編を書くかも知れません。 ただし、あなたが開発に参加しているプロジェクトで、セットアップ手順が存在している場合はそれに従ってください。この記事は、そういったしがらみがない人向けの記事です。 初心者向けの記事です。もしこの手順でダメだった場合や、疑問点があればお気軽にコメントなりいただければ幸いです。 インストールするものについて概要説明 まず、macOS で開発環境を構築するときに必須ともいえるパッケージマネージャーである Homebrew を前提とします。 さらにバージョン問題対策のため、anyenv + nodenv という定番のバージョン管理ツールを導入したうえで N
ラズパイの開発環境構築に——Raspberry Pi Pico対応Visual Studio Code拡張機能「Pico VS Code」ベータ版が公開｜fabcross
Visual Studio Codeの拡張機能として、Raspberry Pi Picoに対応した「Pico VS Code」のベータ版が公開された。 Microsoftが無償で公開しているVisual Studio Codeは、充実した拡張機能やカスタマイズ性が特徴のソースコードエディターだ。Pico VS Codeにより、Raspberry Pi PicoシリーズのプログラミングにVisual Studio Codeを利用できるようになり、容易なプロジェクト開発を支援する。 Raspberry Pi Picoは、コンパクトかつ低価格のマイコンボードとして利用されているが開発環境の構築が難しく、初心者だけでなく経験者でもセットアップに手間取ることもあった。開発プロセス全体をシンプルにするユーザーフレンドリーなツールとなるPico VS Codeによって、開発環境の構築を容易にし、Visu
アップルをはじめとして、最近スペックがそこそこ良いPCがわけわからないくらい高くなり、誰でも使える個人用のコンピュータというPersonal Computerの趣旨と乖離しています。独断と偏見ですが、せっかく数十万円でPCを購入したのにもかかわらず、 パーツ交換不可なので、数年後は電子ゴミになり、自然環境に優しくない 不要なソフトウェア・サービスが多い（たとえば、2022年なのに、バージョン管理非対応のクラウドサービスiCloudが大きなシェアを占めているっていう皮肉） なんとかStoreの通知がうるさい。利用するのにアカウント（個人情報）が必要 プライバシー侵害問題 ... 別にゲーマーではないですが、数十万払ったのに自由が奪われる感じがどうしても気に入らないので、自作PCからLinuxの開発環境を構築することにしました。 ハードウェア 秋葉原まで行く元気がなかったので、すべてのパーツは
はじめに X68000 のクロス開発環境 elf2x68k では、Linux (WSL) や MinGW、macOS などの環境で以下のような X68000 のクロス開発を行うことができます。 C/C++ プログラムのコンパイル X-BASIC プログラムの C への変換とコンパイル X68000 で実行するプログラムの GDB を用いたリモートデバッグ 今回、初めて Mac を導入して X68000 のクロス開発環境を macOS 上で構築してみたので、その手順をまとめてみました。 動作は M3 MacBook Air の macOS Sonoma (14.5)上で確認しています。 事前の準備 ターミナルへのフルディスクアクセス設定 macOS のターミナルは Finder の アプリケーション → ユーティリティー から開けます。zsh が動いて UNIX 系の CUI 環境が最初から
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 序論 本稿は 元市役所職員がWEBプログラマに転職するまでのロードマップ の連載記事の一部です。 まだ、WEBプログラマに転職してから2年も経過していない素人であるため、色々と間違っていることを書いていたりするかと思います。 その際はお手数ではございますが、ご指摘いただければ幸いでございます。 仮想化技術 WSL2やDockerの開発環境を構築する前に、仮想化技術について簡單に触れておきます。 仮想化技術には大きく以下の3種類があり、いずれも「隔離されたアプリケーション実行環境」を提供するものです。 ホスト型 ホストOSの上に別のOS（
追記：Homebrew 3.0.0 がリリースされ正式にm1 mac 対応されました brew.sh はじめに この記事は、 Makuake Advent Calendar 2020 24日目の記事です。 M1 Macはサードパーティ製ソフトがまだ追いついてないものがあり、 開発環境の構築をするのが大変です。 後々のことも考えできるだけ今まで通りの手順で 手間と時間をかけない方法で環境構築してみました。 結果的に面倒なのはhomebrew周りだけになりました。 すべてのソフト、パッケージのインストール、起動の成否については詳しく載せてませんが、参考になれば幸いです。 方針 開発に必須でhomebrewなどでお手軽に入らないものは頑張ります なるべくhomebrewでインストールします homebrew自体は頑張ります homebrewのパッケージをインストールするときは --build-f
続編記事を投稿しました 🥳🎉 (2023/06/08) CodeSpaces の紹介の他に実際の開発で活用している Dev Container 設定のサンプルも紹介します。 Dev Container で MySQL や LocalStack などのサービスを起動する方法や、ローカル環境と Dev Container 環境での開発の共存方法など実際の開発で活用しているものから抜粋したものを紹介しています。 [続！Dev Container] GitHub Codespaces でクラウド開発環境を構築 はじめに こんにちは。共通サービス開発グループで複数のサービスが利用する決済プラットフォームの開発チーム[^1][^2]に所属している鳥居です。 この記事をご覧の皆さんは、ローカル開発環境の構築時にこんな経験ありませんか？IDE の設定を環境構築手順書に従って構築したが動かなかったり、プ
% 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 アプリケーション) ソースコー
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コンテナで連携可能な状態で提供される。 GenAI Stackには、以下の機能が含まれている。 設定済みの大規模言語モデル（LLM） Llam
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Docker&仮想サーバー完全入門 Webクリエイター＆エンジニアの作業がはかどる開発環境構築ガイド エンジニアへの第一歩 〜Dockerがつないだ未来〜 コンテナや仮想化の基本的な仕組みを学びながら、Docker Desktopを使って各種サーバーを構築する方法を解説 | 心満意足
拓海（たくみ）は駆け出しのWebエンジニアだった。大学の情報系学部を卒業し、小さなIT企業に就職したものの、現場での開発は思った以上に大変だった。 特に、開発環境の構築がうまくいかず、何度も手を止めてしまう。先輩エンジニアに助けてもらいながらも、毎回環境の違いでトラブルが発生するたびに、焦りと悔しさが募っていった。 「もっと効率的に開発できる方法はないのか……？」 そんなある日、拓海は会社近くの書店に立ち寄った。プログラミング関連の本が並ぶ棚を眺めていると、一冊の本が目に留まる。 『Docker&仮想サーバー完全入門 Webクリエイター＆エンジニアの作業がはかどる開発環境構築ガイド』 「Docker……？」 名前は聞いたことがあったが、ちゃんと学んだことはなかった。興味を引かれた拓海は、その場でページをめくる。 「Dockerを使えば、環境構築の手間が激減し、チーム開発がスムーズになる」
mise ではじめる開発環境構築
mise とは 発音は ミーズ らしいです。 最近まで rtx という名称でしたが、改名されて mise になりました。 確かに rtx だと某謎の半導体メーカの製品名と被るため、ググラビリティが低かったです。 mise は次世代 asdf という認識が強く、複数のランタイムのバージョン管理という印象が広まっていますが、公式では 開発環境のセットアップツール と称しています。 勿論、複数のランタイムのバージョン管理をする機能が目玉ではあるのですが、mise が管理するのはそれより広い意味である 開発環境 を管理するのだという主張が受け取れます。 自分の周りでは anyenv や asdf から乗り換える人を最近よくみます。 そこで自分なりに mise にはどんな機能があるのか、どうやって使っていくのかを書いてみたいと思います。 また、ドキュメントがかなり充実しているため、読んでみることをオ
WSL2 + Docker Desktop + VSCode（Remote - Containers） でGoの開発環境構築 - Qiita
手順 WSLをインストールし、WSL2に更新する Docker Desktop for Windows をインストールする VSCoceの拡張機能 Remote Containers を使って、Goの開発環境を構築する 1. WSLをインストールし、WSL2に更新する 以下URLの公式手順通りにやれば問題ありませんが、一応この記事でも手順を書いておきます。 https://docs.microsoft.com/ja-jp/windows/wsl/install-win10 1‐1. CPU仮想化が有効になっているか確認 タスクマネージャを開き、CPUの仮想化が有効となっていることを確認してください。 もし有効になっていない場合は、BIOS（UEFI）で仮想化を有効にしてください。（メーカーによって設定方法が異なるので説明は割愛します） 1‐2. Windows Subsystem for
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のインストール 設定ファイルの配置 （参考）フォルダ構成 . ├──
【丁寧に解説】M5Stack 開発環境構築 〜Arduino IDE から VSCodeのArduino拡張機能 導入 まで〜 - harattaMouseの小部屋
「harattamouseの小部屋」は移転しました。新ページは 「Haratta-Tech-Lab」です。 今回は M5Stackの開発環境の導入をチュートリアル形式でまとめて見ようと思います。 解説範囲は Arduino IDEのインストールからArduino for Visual Studio Code(以下Arduino for VSCode)の導入までです。 Arduino for VSCode まで導入できると、快適なコード編集環境になるのでオススメしています。ぜひ導入してみてくださいね。 この記事ではこんな方にお勧めです。 ・1からM5Stackの開発環境を整えたい方 ・快適なコード編集の環境にしたい方 (Arduino-IDEからアップグレードできます。) M5Stackを持っていない方はこちらの記事を参考にしてみてください。 harattamouse.hatenablog.
脱 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はひと手間かかるうえ、公式では推奨していないようです。 それだっ
M1 MacBookでの開発環境構築 - Qiita
Apple Siliconのネイティブ環境を構築メモ。 QEMUの記述が増えてきたので別ページに移動（2019/01/09） PyTorchが1.9.0でそのままインストールできるようになった（2021/06/17更新） SciPyが1.7.3でまたちゃんとインストールできるようになってた（2021/12/06更新） tensorflow-macos 2.7.0 のインストールについて追記（2021/12/07更新） tensorflow-macos 2.8.0 に合わせて記述を変更（2022/02/15更新） Homebrew周り gcc や OpenBLAS，go や Rust などほとんどがARM対応になっていて，/opt/homebrew をベースディレクトリにしている場合は bottle（バイナリ）がインストールされるようになっている（2021/01/02追記） Homebrew
dockerでReact&Golang&MySqlを使ったアプリケーション開発環境構築してみました。 リポジトリ githubリポジトリはこちらです。 とりあえず、以下の環境で動かしてます。 docker：19.03.8 docker-compose：1.25.4 Reactサーバー構築 まずはReact用意から。 とりあえず、Dockerfileとdocker-compose.yml作成する。 今回は、こちらの記事を参考にしました。
イベントレポート 第15回とことんDevOps勉強会「【ライブデモ】Visual Studio CodeのDev Containersを使って開発環境構築してみるよ」 - とことんDevOps | 日本仮想化技術のDevOps技術情報メディア
今回のとことんDevOps勉強会は「【ライブデモ】Visual Studio CodeのDev Containersを使って開発環境構築してみるよ」と題して、Visual Studio Codeの拡張技術であるDev Containersを使用した開発環境の構築方法をライブデモでお届けしました。途中、GitHubの障害でトラブルに見舞われたものの、何とか最後までご覧いただくことができました。 このライブデモは先日行われたオープンデベロッパーズカンファレンス(ODC)2023において、好評いただいたワークショップをもとに実施しました。Dev Containersは現時点ではまだベータ版ではありますが、クライアント環境を汚すことなく、素早く開発環境を用意できるという大きなメリットがあります。ぜひ、これを機会にウォッチしてみてはいかがでしょうか？ 振り返りも兼ねて当日の配信の様子をYoutube
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
AIコーディング時代の開発環境構築：VS Code × Cline（Roo Code）で爆速開発！
【早い！安い！うまい！】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita
絶対にRosetta 2を入れてはいけないM1 Mac開発環境構築 2021-2-1版
Dockerによる開発環境構築のための概念理解と方法解説 - Qiita
Mac使いがWindows開発環境構築してみたログ - Qiita
WSL2+Docker+VSCodeの開発環境構築とPythonでWebアプリを試すまで
2023年度版フロントエンド開発環境構築徹底解説 - Qiita
DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築
Scala の開発環境構築 2021 - たにしきんぐダム
Raspberry Pi Picoで組込みRust開発（開発環境構築編） - Qiita
Windows環境のWSL2とDockerのある開発環境構築メモ2022/04 - Qiita
自作PCからUbuntu22.04開発環境構築してみた - Qiita
macOS で始める X68000 開発環境構築 - Qiita
WSL2 + Ubuntu 20.04 + Docker 開発環境構築 - Qiita
頑張らないM1(Apple Silicon) Macの開発環境構築 - kikukawa's diary
VSCode Dev Containerを使った開発環境構築
Electron + React + TypeScript の開発環境構築
Docker、生成AIアプリの開発環境構築を容易にする「GenAI Stack」を発表
Nginx+Next.js+Rails+PostgreSQLを使用した開発環境構築 - Qiita
【React&Golang&MySql】Dockerで開発環境構築 - Qiita
igasanjin.muragon.com
shiritoku.net
www.4gamer.net
note.com/oh_no
omcon.hatenablog.com
news.yahoo.co.jp