並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 116件

新着順 人気順

開発環境構築の検索結果1 - 40 件 / 116件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

開発環境構築に関するエントリは116件あります。 開発、 docker、 環境 などが関連タグです。 人気エントリには 『jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA』などがあります。
  • jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA

    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 +

      jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
    • 主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO

      ファイル比較 VSCodeのエクスプローラで、ファイル2つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文(スニペット)を登録する方法 VSCodeのUser Snippetを活用しよう! また後述するSnippet Gen

        主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
      • インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」

        インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」登壇資料です。

          インフラエンジニアBooks 30分でわかる「Dockerコンテナ開発・環境構築の基本」
        • 【早い!安い!うまい!】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita

          三種の神器 今や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

            【早い!安い!うまい!】VSCode+WSL+Dockerで簡単に開発環境構築 - Qiita
          • 絶対にRosetta 2を入れてはいけないM1 Mac開発環境構築 2021-2-1版

            Rosetta 2とは Rosetta 2は従来のインテル用のアプリをApple Silicon Mac上で自動的に変換して実行できるようにする技術です。Rosetta 2は最初からMacにインストールされている訳ではなくて、 インテルアプリを実行しようとしてRosetta 2が必要になった時点でインストールを求められます。今回はこのインストールを徹底的に拒否して検証を進めます。 Macの設定あれこれ いきなり話が脱線しますがMackbookを買って最初にやった設定をメモ書きします。 クリックとドラッグの設定 タップでクリックやドラッグがしたい人向けです。特にタップでドラッグは長めのドラッグに便利なので重宝します。以下の記事が参考になりました。 Caps LockをControlキーに変更 Aキーの横はControlじゃないと落ち着かな人向けです。JIS配列の方はそのままAの横がContr

              絶対にRosetta 2を入れてはいけないM1 Mac開発環境構築 2021-2-1版
            • 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辺りをライセンスキー無しでインストールしていると思うので

                Windows開発環境構築メモ
              • WSL2: 開発環境構築&ツール開発ガイド

                Windowsの大型アップデートの20H1でWSL2がとうとう利用できるようになりました。その後、19H1や19H2にもバックポートされることになりました。 今まで、長らくウェブサービスの開発やプログラミングの勉強では「macが良い」と言われることも数多くありました。Windowsでは環境構築が多少面倒だったり、Windowsを対象としてみていないツールもあったりして、多少ビハインドもありましたが、Microsoftは近年さまざまな改良をやVisual Studio Code、Windows Terminalなどの新しいツールなどを継続的にリリースし、Windowsでの開発体験はかなり良くなってきました。その最後のトドメがWSL2です。 ちょうどIntelのCPUが元気がなかったりmacのキーボードが不評だったり、その一方で絶好調のAMDのRyzen機が次々とリリースされていることもあり、

                  WSL2: 開発環境構築&ツール開発ガイド
                • Dockerによる開発環境構築のための概念理解と方法解説 - Qiita

                  この記事はNuco Advent Calendar 2023の9日目の記事です。 はじめに この記事ではDockerで開発環境を行うために理解してほしい概念と実際の開発環境の構築手順について解説を行います。大きく分けて、 ・Dockerの概念理解 ・開発環境の構築 これらの章により構成されています。この記事を読むことで、Dockerファイル、イメージ、コンテナ、Docker compose、compose.ymlを理解できるようになることを目指しています。Dockerに触れてみたい、Dockerの理解があやふやという方は参考にしてみてください! 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 Dockerとは まず、Do

                    Dockerによる開発環境構築のための概念理解と方法解説 - Qiita
                  • Mac使いがWindows開発環境構築してみたログ - Qiita

                    あらすじ 普段はMacBook Airを使っています。ただ、MBAでなにかを開発しようとするとスペック不足を感じていました。 最近はWindowsもWSL2やWindows Terminalなどが使えて、Visual Studio Code Remote Development を使えば開発もしやすいという話も聞くようになりました。 ゲーム用にWindows デスクトップPCを持っていたので、イチから開発環境構築しました。 ↑ WSL2(Ubuntu 20.04) で create-react-appを動かしてVSCode, Chrome を開いている様子 2020/08/31 追記 セットアップをdotfiles化 概要 各種アプリのインストール・設定 PowerShellスクリプト, Chocolatey, Scoop でほぼ自動化 キーバインドをMac風に変更 Change Key,

                      Mac使いがWindows開発環境構築してみたログ - Qiita
                    • WSL2+Docker+VSCodeの開発環境構築とPythonでWebアプリを試すまで

                      Windowsユーザーの皆さん、手軽にLinux環境で開発したいですよね!そんなときWSL2やコンテナが選択肢に上がるでしょう。VSCodeのRemote Development機能を使い、どちらも試してみました。Windows・WSL・コンテナを使い分けつつ、VSCodeで快適に開発ができるようになります! おおまかな流れ 【準備編】WSL2の有効化と拡張機能のインストール 【WSL編】VSCodeからWSL2にリモート接続する 【コンテナ編】Dockerのインストール 【コンテナ編】VSCodeからDockerコンテナにリモート接続する 【コンテナ編】コンテナでWebサーバーを立て、ブラウザからアクセスする ※ 筆者の環境は Windows10 Home 21H1 です。Windows10 Pro/Enterpriseとは手順が異なるかもしれません。

                        WSL2+Docker+VSCodeの開発環境構築とPythonでWebアプリを試すまで
                      • 2023年度版フロントエンド開発環境構築徹底解説 - Qiita

                        この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単

                          2023年度版フロントエンド開発環境構築徹底解説 - Qiita
                        • DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築

                          背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker+VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi

                            DockerとVS Code Remote Containersを用いたフロントエンド開発環境構築
                          • 個人的Rails開発環境構築2024

                            新規でRailsプロジェクトを始める時の個人的な環境構築についてまとめる。前提とする条件等は下記。 規模: ~中規模 開発者数: 個人 利用シーン: PoC作成・スタートアップ立ち上げ・並の業務アプリ開発等 基本戦略 利用シーン的に「思い立ったらすぐアプリの開発ができる」という感じの運用がしたい。極力セットアップで悩みたくないから必要なミドルウェアなどは全部Dockerでインストールできるようにして立ち上げれば終わり、の環境を作る。その環境の中で色々とコマンドを叩いたり、rails newやrails gなどでRailsアプリを作成していく。 この辺のRailsの初期セットアップの手間を出来るだけ省きたいのでtemplateとなるリポジトリを作成し、そこからcloneしてくるだけでOKにする。 フロントエンドはReactなどを使わずをRails標準のerbとHotwireを軸に開発する。開

                              個人的Rails開発環境構築2024
                            • 1コマンドでMacBook Proに最低限の開発環境構築 | iret.media

                              使っていた端末の調子が悪くなって端末交換したので、開発環境構築のお時間です。 できるだけ簡単に旧端末の設定を引き継ぎつつセットアップしたかったので、いろいろと調べてまとめてみたら、1コマンドでできるようになりました。(準備は含めず) 旧端末を環境構築したときとだいぶ変わりました。 5分でできるMacBook Proに最低限の開発環境構築 – Qiita https://cloudpack.media/42029 手順 ターミナルを立ち上げて、 > sh -c "$(curl -fsSL https://gist.githubusercontent.com/<GitHub UserID>/<Gist ID>/raw)" おーかんたん。これで必要なアプリがだいたいインストールされます。 ※コマンド実行中、パスワードを求められることがあります。 何をしているのか? セットアップに必要なコマンドを

                                1コマンドでMacBook Proに最低限の開発環境構築 | iret.media
                              • Scala の開発環境構築 2021 - たにしきんぐダム

                                特に意味はないけどおしゃれかなと思って貼ったスクショ Scala Advent Calendar 2020 - Qiita 3日目です ここ2,3年の間にScalaの開発ツールチェーンは進化を続けていて、Scalaの開発体験はめちゃくちゃ良くなってきています。例えば、数年前だと IDEは基本的にIntelliJ一択、vimとかemacsで開発環境作れなくもないけどかなり大変 IntelliJの型チェックがうまく行かなくて、ちょっと複雑なコード書くとコンパイルは通るのに画面が真っ赤になる コンパイルが遅い(インクリメンタルビルドしても遅い) という感じだったのですが、現状はかなり改善されていて IntelliJ 以外にも metals という Language Server がかなり使いやすくなっていてあらゆるエディタで簡単にScalaを書けるようになった IntelliJ も metals

                                  Scala の開発環境構築 2021 - たにしきんぐダム
                                • Raspberry Pi Picoで組込みRust開発(開発環境構築編) - Qiita

                                  はんだ付けが難しい場合、価格は少々高くなりますが、スイッチサイエンスからピンヘッダ実装済みのPicoが販売されているので、それを購入するのもよいでしょう。 ピンヘッダのはんだ付けが完了したら、ブレッドボードに挿入します。PCとUSBケーブルで接続するので、ケーブルが出る方の端に配置すると、残りの部分に部品を置きやすくなります。 それでは、以下より開発環境を構築していきます。 実行環境 Mac mini (2018) macOS Big Sur 11.5.2 HomebrewでGitをインストール済み Macでの手順を記述しますが、Linuxでも同様に実行できると思います。 開発に必要なツールの準備 まず、Rustのツールチェインをはじめとした、開発に必要なツールをインストールします。 Rustツールチェインの準備 https://rustup.rs/ の手順に従い、Rustのツールチェイン

                                    Raspberry Pi Picoで組込みRust開発(開発環境構築編) - Qiita
                                  • 出勤から企業開発者を解放し、エンジニアの働き方改革を実現するリモート開発環境構築

                                    Developers Summit 2020 での講演資料です。働き方改革と言われて久しく、リモートでミーティングなんて事も当たり前になりつつあります。企業でどこからでも開発できる環境を実現するには、どうすれば良いかをテーマにお話しました。ひとえにリモートで得られる開発環境といっても、自宅、コワーキングスペース、オフショアでのチーム開発など目的も異なるので、セキュリティ、コンプライアンスやガバナンスなどの話も浮上してきます。様々な目的の要件や観点を整理し、今まで実際に構築された利用者のリモート開発環境構築について整理し、どのように実現したのか?をご紹介してます。豪華おまけ:企業でリモートワークを推進するための稟議書の書き方のコツ!Read less

                                      出勤から企業開発者を解放し、エンジニアの働き方改革を実現するリモート開発環境構築
                                    • 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

                                        WordPress公式dockerパッケージ wp-env による開発環境構築 – Capital P – WordPressメディア
                                      • Windows環境のWSL2とDockerのある開発環境構築メモ2022/04 - Qiita

                                        自分用のWindowsでの開発環境構築メモ。 Windows 10 Home対応。 何かの言語用の構築をするわけではないが、WSL2とDockerを準備するので、LinuxとWindowsのいいとこどりで大抵の開発環境構築の土台としては困らない。 他のマシンで元々使用しているWSL環境があればエクスポートしておく

                                          Windows環境のWSL2とDockerのある開発環境構築メモ2022/04 - Qiita
                                        • Apple Silicon Mac 時代の PHP 開発環境構築 2021 / php-dev-env-on-m1-mac-era

                                          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

                                              JavaScript開発環境構築(macOS編)
                                            • ラズパイの開発環境構築に——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

                                                ラズパイの開発環境構築に——Raspberry Pi Pico対応Visual Studio Code拡張機能「Pico VS Code」ベータ版が公開|fabcross
                                              • macOS で始める X68000 開発環境構築 - Qiita

                                                はじめに 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 環境が最初から

                                                  macOS で始める X68000 開発環境構築 - Qiita
                                                • 自作PCからUbuntu22.04開発環境構築してみた - Qiita

                                                  アップルをはじめとして、最近スペックがそこそこ良いPCがわけわからないくらい高くなり、誰でも使える個人用のコンピュータというPersonal Computerの趣旨と乖離しています。独断と偏見ですが、せっかく数十万円でPCを購入したのにもかかわらず、 パーツ交換不可なので、数年後は電子ゴミになり、自然環境に優しくない 不要なソフトウェア・サービスが多い(たとえば、2022年なのに、バージョン管理非対応のクラウドサービスiCloudが大きなシェアを占めているっていう皮肉) なんとかStoreの通知がうるさい。利用するのにアカウント(個人情報)が必要 プライバシー侵害問題 ... 別にゲーマーではないですが、数十万払ったのに自由が奪われる感じがどうしても気に入らないので、自作PCからLinuxの開発環境を構築することにしました。 ハードウェア 秋葉原まで行く元気がなかったので、すべてのパーツは

                                                    自作PCからUbuntu22.04開発環境構築してみた - Qiita
                                                  • WSL2 + Ubuntu 20.04 + Docker 開発環境構築 - Qiita

                                                    序論 本稿は 元市役所職員がWEBプログラマに転職するまでのロードマップ の連載記事の一部です。 まだ、WEBプログラマに転職してから2年も経過していない素人であるため、色々と間違っていることを書いていたりするかと思います。 その際はお手数ではございますが、ご指摘いただければ幸いでございます。 仮想化技術 WSL2やDockerの開発環境を構築する前に、仮想化技術について簡單に触れておきます。 仮想化技術には大きく以下の3種類があり、いずれも「隔離されたアプリケーション実行環境」を提供するものです。 ホスト型 ホストOSの上に別のOS(ゲストOS)をインストールする仮想化技術 ゲストOSをそのまま仮想環境にインストールするため、ある程度の再現性が担保されている ディスク容量やメモリ使用量が大きい、動作が重い・不安定などの欠点がある ハイパーバイザ型 ハイパーバイザとはホストOSそのものを仮

                                                      WSL2 + Ubuntu 20.04 + Docker 開発環境構築 - Qiita
                                                    • 頑張らないM1(Apple Silicon) Macの開発環境構築 - kikukawa's diary

                                                      追記:Homebrew 3.0.0 がリリースされ正式にm1 mac 対応されました brew.sh はじめに この記事は、 Makuake Advent Calendar 2020 24日目の記事です。 M1 Macはサードパーティ製ソフトがまだ追いついてないものがあり、 開発環境の構築をするのが大変です。 後々のことも考えできるだけ今まで通りの手順で 手間と時間をかけない方法で環境構築してみました。 結果的に面倒なのはhomebrew周りだけになりました。 すべてのソフト、パッケージのインストール、起動の成否については詳しく載せてませんが、参考になれば幸いです。 方針 開発に必須でhomebrewなどでお手軽に入らないものは頑張ります なるべくhomebrewでインストールします homebrew自体は頑張ります homebrewのパッケージをインストールするときは --build-f

                                                        頑張らないM1(Apple Silicon) Macの開発環境構築 - kikukawa's diary
                                                      • VSCode Dev Containerを使った開発環境構築

                                                        続編記事を投稿しました 🥳🎉 (2023/06/08) CodeSpaces の紹介の他に実際の開発で活用している Dev Container 設定のサンプルも紹介します。 Dev Container で MySQL や LocalStack などのサービスを起動する方法や、ローカル環境と Dev Container 環境での開発の共存方法など実際の開発で活用しているものから抜粋したものを紹介しています。 [続!Dev Container] GitHub Codespaces でクラウド開発環境を構築 はじめに こんにちは。共通サービス開発グループで複数のサービスが利用する決済プラットフォームの開発チーム[^1][^2]に所属している鳥居です。 この記事をご覧の皆さんは、ローカル開発環境の構築時にこんな経験ありませんか?IDE の設定を環境構築手順書に従って構築したが動かなかったり、プ

                                                          VSCode Dev Containerを使った開発環境構築
                                                        • Electron + React + TypeScript の開発環境構築

                                                          % 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 アプリケーション) ソースコー

                                                            Electron + React + TypeScript の開発環境構築
                                                          • Docker、生成AIアプリの開発環境構築を容易にする「GenAI Stack」を発表

                                                            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」と「ローコード/ノーコード開発ツール」は相性が良い? 日立ソリューションズが導入

                                                              Docker、生成AIアプリの開発環境構築を容易にする「GenAI Stack」を発表
                                                            • Nginx+Next.js+Rails+PostgreSQLを使用した開発環境構築 - Qiita

                                                              概要 ※当記事は所属している株式会社コンピュータテクノブレインにて投稿した内容を転載したものです。 再度環境構築の話となりますが、タイトルにある通り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

                                                                Nginx+Next.js+Rails+PostgreSQLを使用した開発環境構築 - Qiita
                                                              • 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

                                                                  WSL2 + Docker Desktop + VSCode(Remote - Containers) でGoの開発環境構築 - Qiita
                                                                • 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のインストール 設定ファイルの配置 (参考)フォルダ構成 . ├──

                                                                    Python開発環境構築手順(VSCode, Docker, Poetry, isort, black, flake8, pytest) - Qiita
                                                                  • mise ではじめる開発環境構築

                                                                    mise とは 発音は ミーズ らしいです。 最近まで rtx という名称でしたが、改名されて mise になりました。 確かに rtx だと某謎の半導体メーカの製品名と被るため、ググラビリティが低かったです。 mise は次世代 asdf という認識が強く、複数のランタイムのバージョン管理という印象が広まっていますが、公式では 開発環境のセットアップツール と称しています。 勿論、複数のランタイムのバージョン管理をする機能が目玉ではあるのですが、mise が管理するのはそれより広い意味である 開発環境 を管理するのだという主張が受け取れます。 自分の周りでは anyenv や asdf から乗り換える人を最近よくみます。 そこで自分なりに mise にはどんな機能があるのか、どうやって使っていくのかを書いてみたいと思います。 また、ドキュメントがかなり充実しているため、読んでみることをオ

                                                                      mise ではじめる開発環境構築
                                                                    • 【丁寧に解説】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.

                                                                        【丁寧に解説】M5Stack 開発環境構築 〜Arduino IDE から VSCodeのArduino拡張機能 導入 まで〜 - harattaMouseの小部屋
                                                                      • 脱 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はひと手間かかるうえ、公式では推奨していないようです。 それだっ

                                                                          脱 create-react-app! webpackでReact ×TypeScrip開発環境構築からHello World!まで
                                                                        • 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

                                                                            M1 MacBookでの開発環境構築 - Qiita
                                                                          • 【React&Golang&MySql】Dockerで開発環境構築 - Qiita

                                                                            dockerでReact&Golang&MySqlを使ったアプリケーション開発環境構築してみました。 リポジトリ githubリポジトリはこちらです。 とりあえず、以下の環境で動かしてます。 docker:19.03.8 docker-compose:1.25.4 Reactサーバー構築 まずはReact用意から。 とりあえず、Dockerfileとdocker-compose.yml作成する。 今回は、こちらの記事を参考にしました。

                                                                              【React&Golang&MySql】Dockerで開発環境構築 - Qiita
                                                                            • イベントレポート 第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

                                                                                イベントレポート 第15回とことんDevOps勉強会「【ライブデモ】Visual Studio CodeのDev Containersを使って開発環境構築してみるよ」 - とことんDevOps | 日本仮想化技術のDevOps技術情報メディア
                                                                              • ChromebookのLinux開発環境構築 - Qiita

                                                                                ChromeOSでLinuxアプリが使える機能「Project Crostini」でLinuxの開発環境を構築したときの、セットアップの手順を記してます。 基本的に個人用のメモです。 Windows版は下記です: Windowsを購入したら最初にすること|s2terminal|note ASUS Chromebook Flip C436FA Core i7 / 16GB RAMモデル (C436FA-E10162) Intel Core i7-10510U ChromeOS Version 86.0 Debian 10.4 Google Pixelbookなど、AMDアーキテクチャで最近発売されたChromebookならば、本稿の手順はほぼ同様に適用できると思います。 一方、ASUS C101PA (OP1)やLenovo IdeaPad Duet (MediaTek Helio P60T

                                                                                  ChromebookのLinux開発環境構築 - Qiita
                                                                                • 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

                                                                                    WindowsでのReact Native開発環境構築と基礎文法解説:Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                                  新着記事