最新版TypeScript+webpack 5の環境構築まとめ(React, Three.jsのサンプル付き) - ICS MEDIA
TypeScriptはMicrosoftが開発するプログラミング言語です。JavaScriptのスーパーセットという位置づけで、静的型付けなど強力な言語機能を備えています。TypeScriptは高度なウェブアプリケーションの開発で使われることが多く、Google社内の標準言語として2017年に採用されるなど、注目が高まっています（参考記事『Google社内の標準言語としてTypeScriptが承認される － Publickey』）。 ▲TypeScriptの公式サイト TypeScriptはコンパイラによってJavaScriptのコードが得られますが、TypeScriptのコンパイラにはECMAScript Modules（ES Modules = importやexport文のこと）をまとめる機能が提供されていません。そのため、ES ModulesのJSファイルをまとめるモジュールバンド
M1 Macの開発環境 - Qiita
MacBook Pro (M1)でのメモです。インストールできるかどうか状況確認メモです。 自分がよく使うものを中心に。なるべくARMネイティブになるように。もしプライマリーで提供されているインストール手段（.dmg利用など）でARM対応が済んでいればそれを紹介しますが、もしそれで対応していない場合にはMacPortsやソースビルドなどの結果も合わせて紹介します。 PowerPC->x86->x86_64とユニバーサルバイナリを挟んで対応してきたMacPortsはこういう過渡期に強いです。 なお、ここで紹介するバージョンは最新版から古い可能性がありますが、「M1サポートが追加された前後のバージョン」を明記するのを目標にしていますので、これより新しければ問題ないと見てもらえればと思います。 編集リクエストウェルカムです。 現在の状況 IDE/エディタ Eclipseはあまりきちんと試していま
Windowsで開発
Windowsで開発環境を整えた。 背景 開発環境を改善しようと思い、PCデスクの見直しなどをやっていたら、Windowsでも開発できるようにしようと思い至った。新しい環境を試してみたい気持ちが1割と、新しいゲーミングPCを組みたい気持ちが9割だ。 エディション Windows 10 Homeエディションを利用している。 Windows 10 ProにはHyper-Vという仮想化機能を直接利用できる利点があるが、WSL2で同じようなことをより便利に実現できるようになったおかげで、この点においてPro版の必要性は薄れてきている。今のところ自分のやりたいことはWindows 10 Homeですべて実現できている。 Windows Update WSL2を使うために、Windowsをバージョン2004・ビルド19041に更新した。 日々の自動更新ではバージョン1903で止まっていて、まだ自動では
Laradockはどんな経緯で作られて、何が駄目なのか? - Endo Tech Blog
はじめに 巷では「Laradock」はLaravelの開発環境においては「適さない」或いは「ゴミ」という言葉を使って形容する事が流行っているみたいですね。 長いので自分の結論を先に書くと ・現在のLaradockはLaravel向けのDockerの開発環境ではなく、あらゆるPHPアプリケーションの開発環境に対応してソフトウェアを詰め込んだプロジェクトになっている。 ・なので、「Laravelを使ってみたい」だけを考えてやると、Laradock側の設定で詰まるポイントが多い為、オススメできない。 ・ある程度Docker Composeやインフラの知識がわかっている人だったら、検証環境としてはよいが、自分でdocker-compose.ymlを作った方がデバッグ時に困る事が少ない。 ・Laravelの事だけを考えたいならDockerの事は考えずにcomposerを使った方法がオススメ。 です。
Macの開発環境構築を自動化する 2019年夏版
私は年に 1 回、自宅と職場の 2 台の Mac をクリーンインストールでアップデートするのですが、開発環境の構築をある程度自動化しています。来年のために手順を残しておくので、参考にどうぞ。 目次 これまで 事前準備 Brewfile を作成する AppStore にログインしておく パッケージをインストール 再起動 パッケージのインストール後 Brewfile に書けるパッケージの探し方 おわりに これまで 自動化を始めたのは多分 2013 年とかその頃。使っていたツールは Brewfile に始まり、Ansible を経て、去年は rcmdnk/homebrew-file を使っていました。Ansible 時代が一番長かったと思います。2019 年のクリーンインストールの時期になり、セットアップはどうしようかと調べたところ、Homebrew/homebrew-bundle が Home
Google Apps Scriptのモダンな開発環境を求めて
これは FOLIO Advent Calendar 2018 の12/3の投稿でもあります。前日は Mura-Mi さんで「社員数が100人に迫っても社員と社長との距離を保つ「CEO Radio」の取り組み」でした。 Google Apps Script (GAS) はGoogle SpreadsheetやGmailなどのGoogleアプリの拡張または、 単体でサーバーのプロビジョニングや管理なしでスクリプト実行が可能なJavaScriptライクな言語または軽量アプリケーションです。 今回はこのGoogle Apps Scriptをモダンに開発するためにいろいろ模索したため、その内容を備忘として書き残しておきます。 Google Apps Scriptについて Google Apps Scriptの一般的な開発方法 Google Apps Scriptの実行 ユーティリティサービス サード
Web開発環境をMacBook ProからWindows機に移行してみた話｜TechRacho by BPS株式会社
メイン著者記事としてはご無沙汰しておりますmorimorihogeです。 今年もTechRachoではアドベントカレンダー特集ということで、普段あまり記事を書く機会がなくて表に出ないメンバーにも記事を書いてもらえる運びとなりました。クリスマスまではアドベントカレンダー特集進行のTechRachoをお楽しみ下さい。 今回は最近メイン開発環境をMacからWindowsに移行したので、そのあたりの感想や設定の勘所などをまとめてみたいと思います。 なぜMacから移行するのか？ 僕はOS XのIntel Macが出たころからのMacユーザー（当時はまだRosettaとかがありました）で、かれこれ10年以上Macを使い続けてきました。多分Webシステム開発用途でMacを使い始めたという人の中では古参の方なのではないでしょうか。 というわけで、なんで移行するの？という話からぽえみーに綴ってみようと思いま
デザイナーにもオススメ！シンプルですぐできるSass（SCSS）開発環境構築 | Black Everyday Company
ファミコン風CSSフレームワーク（NES.css）を開発するために、Sassの開発環境を整えたので共有したい。 ウェブページをスタイリングするためにはCSSを使うのだが、崩壊しやすい性質を持っている。詳細度による優先付け、スタイルの上書きなど要因はさまざま。そんな脆いCSSをちょっとでもメンテしやすくするために「Sass」というCSSを拡張したメタ言語が使われる。簡単に階層構造を作れたり、ループや関数などプログラムっぽいものが書けたりと、大きなウェブページをつくるなら必須だ。 しかし、Sassを使う上で避けては通れないものがある。 SassからCSSに変換する「コンパイル」だ。 フロントエンドエンジニアならNode.jsやwebpackを使ってできてしまうだろうが、デザイナーが手を出したら「Node.jsこわい」「webpackこわい」となりかねない。以降、コマンドラインから扱う便利ツール
npm-scriptsで静的ページを量産するための最強タスクランナー - Qiita
ちょっと大規模なwebサイトを作るときに便利なタスクランナーをnpm-scriptsで作成しました。 導入コスト低くて、タスクランナーのバージョンがあがって使えなくなるリスクなどが低くて、必要な機能を取捨選択できるカスタマイズ豊富な機能です。 自動化する機能について 1.ejsでヘッダーやフッターなどの共通部分のテンプレート化 （ejsを使うとヘッダーやフッターなどの共通部分をテンプレート化できる） 2.scssをcssにコンパイル 3.cssを圧縮（１行になる） 4.scssでの修正場所がわかりやすいようにsource-map作成 5.オートプレフィクサー付与 6.コードを修正して保存すると画面が自動で更新される 7.開いた複数ブラウザ間でのスクロールやクリックなどの動きを同期でテストを容易に！ 8.フォルダ分けでページごとに管理（folder_1、folder_2の配下にindex.e
Sass(scss) を自動ビルドしつつブラウザも自動リロードして開発速度を上げる - Qiita
手早く html の LP とかカンプを作りたい時のための手順。Sass を使いつつ、ファイル変更でブラウザも自動リロードしたかった。 TL;DR https://github.com/TsuyoshiNumano/simple-sass-build-and-reload をクローンして npm i && npm run dev それも面倒な人は以下を自身の package.json に書き加える(変更検知のフォルダは任意の場所を！) npm run dev { "scripts": { "build-css": "node-sass --include-path scss scss/style.scss css/style.css", "watch-css": "nodemon -e scss -x \"npm run build-css\"", "sync": "browser-syn
はじめてのWebpack - Qiita
はじめに この記事は初心者でもwebpackを用いて簡単な環境を構築できるように書いた記事です。 中級者以上でしたらおそらく物足りない記事になるかもしれませんが、初心者には十分な環境を整えることができると思います。 今回用いた環境 macOS Sierra 10.12.2 Node.js v6.9.1 入ってるかわからない人は $ node -vと打ってみてください。 v6.9.1などバージョンが表示されたらおっけーです。 node.jsをまだインストールしていない人は下記のリンク等などを見てインストールしてみてください。 5分で終了。node.jsの環境構築が拍子抜けするほど簡単だったのでサンプルプログラム付きでまとめてみました【Mac編】 準備 それでは、環境を作っていく流れをまずはざっくりと説明していきます。 ターミナルを開いて準備しましょう。 1. まずはディレクトリ作成。 普通に
【初心者向け】スマートスピーカー対応アプリ(スキル)の開発環境3社を比較&まとめ – SmartHacks Magazine
それでは、各社の開発環境、特徴について触れていきます。 Amazon Echo対応Alexaスキルの開発 Amazonが販売しているスマートスピーカーは、Amazon Echoと呼ばれ、搭載の音声アシスタントは「Alexa(アレクサ)」です。 また、Alexaを介したサードパーティーが開発した拡張機能を「スキル」と呼びます。 {A}開発環境 Alexaスキルは、Alexa Skills Kit Developer Centerと呼ばれる開発環境内で対話モデルを作成します。 Alexa Skills Kit(ASK・アスクもしくはエーエスケー)では、スキルの名前やユーザーの発話などが定義でき、Alexaに喋らす内容や裏側での処理を作成していきます。 まず初めに、ユーザーが喋った内容をAlexaが認識できるようにします。次に、その認識を元に、Alexaに喋らせる内容(対話モデル)を実装していき
海外で密かに注目を浴びる Valet をつかったWordPress 開発環境が便利すぎて鼻血が出た – Capital P – WordPressメディア
今回は海外の WordPress 開発者コミュニティの間でよく聞くようになった Valet という開発環境について紹介ます。 Valet とはもともとは Laravel というフレームワークの開発環境で、ローカルマシン上に PHP7.0 + Nginx による開発環境を用意することができます。 https://laravel.com/docs/5.4/valet 対応している動作環境は Mac のみとなりますが、試してみたらあまりにも便利でびっくりしたのでご紹介します。 使い方 順序が逆ですが、Valet を使った開発環境の実際の使い方から説明します。と言ってもコマンド一発です。 $ wp valet new hello このようにコマンドを入力すると以下のように出力されます。 Don't go anywhere, this should only take a second... Suc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WSL2、Docker、VSCodeで劇的に改善されるWindows開発環境
この TypeScript が Hello, world! のくせに慎重すぎる - Qiita
Laravelの開発環境をHomesteadを使って構築する - Qiita
小さく始める開発環境 · du-masa/frontend-env Wiki · GitHub
JTF2018
WordPressローカル開発環境をつくろう — WP-CLI + Composer —
ハッカソンでkintoneを使おう！ – cybozu developer network
