webpack

1/58ページ

Vue.js製のSPAをGoogleAppsScriptにデプロイするためのWebpack設定

はじめに vue-cliのwebpackテンプレートで作成したVue.jsのアプリケーションを、GoogleAppsScript(以下GAS)のHTMLServiceで動作可能な形にビルドする手順をまとめます。 最終的にはnpm run buildでビルドしたファイルを、clasp pushでそのままアップロード可能にすることが目的です。 Vueのプロジェクトを作成するところからスタートします。 […]

kintone プラグイン開発の環境構築 (Windows)

はじめに 既に kintone カスタマイズの開発環境について先進的な内容の記事を見かけますが、ここではフロントエンド開発の経験があまりない私の kintone のプラグインの開発環境の構築手順と設定内容などについて書いていきます。 要件 プラグインの作成にあたり、以下の要件がありました。 Windowsで開発 git 管理 共通処理をモジュール化して他のプラグインでも使用する es6 ベースでコ […]

React + TypeScript + Sass + Jest + Enzyme + Prettierを使うためにwebpackで環境構築

Typescript + Reactで開発したい!!テストもしたいしSassでバリバリデザインもしたい!!pretterで楽をしたい!!と思い、Todoアプリのサンプルを作ってみました。 構成 ファイル構成はこんな感じ。 ├── README.md ├── dist │ ├── index.css │ ├── index.html │ ├── main.bundle.js │ └── main.b […]

cordova+webpack構築メモ

はじめに androidアプリを開発するのにCordovaを利用していて、webpackを組み合わせて構築するときのメモです。Windows10環境で構築しました。コードの構文チェックにESLint,パッケージ管理にnpm,バージョン管理にgitを利用します。 事前準備 下記をあらかじめインストールしておきます。 android-sdk git npm cordova eslint-cli プロジ […]

React-TypescriptでSPAアプリを作る

動機 jQuery、AngularとJavascriptフレームワークを経験してきたが、 最先端のJavascript界隈から取り残されているのではないかという危機感から Reactに手を出す事を決めました。 また、サーバーサイドがTypescriptなので、フロントもTypescriptに合わせる事で言語を統一させるという目的もあります。 アプローチ 今まではAngular1系、Babel、Gu […]

Vue.jsのコンポーネント化の方法まとめ(rails+webpacker+vue.js)

背景 vue.jsを最大限活用するためには各部品をうまくコンポーネント化することが大切だと思ったが、コンポーネント化のやり方がたくさんありすぎて混乱してしまった。 そこで、一度、コンポーネント化の方法を一覧にして、その中から自分に合うやり方をまとめようと思いこの記事を書いている。 ただし、すべてのやり方をまとめるわけではないので、他にもたくさんの書き方があると思います。 参考サイト vue.js […]

TypeScript+Gulp+Webpack+jQueryで開発環境を構築

やること TypeScript, Gulp, WebPack, jQueryを組み合わせて、簡単なWebアプリケーションを作ってみます。 TypeScriptは型が書けたりクラスが書けたりする、AltJS(コンパイルしてjsにして使用する物)です。 TypeScriptはコンパイルしてjsにすることで、ブラウザで使用できるようになります。 今回使う他のツールです。 Gulp: タスクランナーです。 […]

create-react-app with TypeScript のwebpack.config.jsを読む

webpackは以前からずっと使っていますが、業務で使用する機会が無く、個人プロジェクトで導入するのみという状況でした。 こうなるとwebpack.config.jsを触るのは自分だけなので、ネットから寄せ集めた設定を組み合わせて雰囲気で動かしていました。 このままでは他人から渡されたり自動生成されたwebpack.config.jsをメンテする際に苦労しそうなので、create-react-ap […]

1 58