webpack

RSS

  • 受付中

    回答
    3

    jQueryで要素を変数に代入後、jQueryの関数が使えない

    私（質問者のレベル 現在webpackを使いながらあるライブラリを使用中に起こった問題です。 普段はjQueryをあまりつかわない人間なのですが、dom操作などについては理解しているため調べながらなら普通に使えます。 問題 問題のコードはこちらです。 元のコード（動かない） this._elt = $(this.element) this.

    • 0評価
    • 204PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • jQuery

      6129questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • webpack

      190questions

    kobakazu kobakazu 1日前に コメント

  • 受付中

    回答
    1

    webpackでのcss/lessの読み込み順

    前提・実現したいこと wordpressのテーマのカスタマイズをしようとしています。 折角なので、流行りのwebpackを使って、ライブラリや編集したjs,css/lessを１つのfileとしてまとめて扱いたいです。 発生している問題・エラーメッセージ webpackでbootstrapのjs,cssと、上書き用の別ファイルとして作成したjs,c

    • 0評価
    • 1261PV
    • CSS

      5130questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • WordPress

      6395questions

      WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

    • Less

      13questions

      LessはCSSをシンプルかつ効率よく書くための、 CSSメタ言語の１つです。 lessで変数宣言を行う場合、@から宣言します。

    • Bootstrap

      846questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    • webpack

      190questions

    mskgjtnn mskgjtnn 1日前に 回答

  • 受付中

    回答
    2

    WebpackとGulpの違いについて

    WebpackとGulpの違いを調べていた所、Webpack は browserify みたいに「複数ファイルを1つのjsファイルにまとめるもの」 という記事を拝見しました。 Gulp でも browserify を使用すれば同じ事が出来るのに何故あえて Webpack を使う必要があるのでしょうか。 また、gulpはタスクランナーで、複数の作業を決

    • 0評価
    • 47PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • TypeScript

      281questions

      TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

    • gulp

      255questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    • webpack

      190questions

    maisumakun maisumakun 2日前に コメント

  • 受付中

    回答
    0

    AWSにデプロイしたいのにエラーが出ます

    環境 Amazon Linux 2 ruby :2.4.0 rails : 5.1.6 webpack :3.1.2 vue :2.9.3 参考 https://qiita.com/naoki_mochizuki/items/657aca7531b8948d267b 試したこと ターミナル上で下記を実行しました。 cap production de

    • 0評価
    • 50PV
    • AWS(Amazon Web Services)

      1767questions

      Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

    • webpack

      190questions

    • Vue.js

      516questions

      Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

    • Ruby on Rails 5

      1082questions

    teratailが2日前に アップデート

  • 受付中

    回答
    1

    hyperappを使ったJSをwebpack4でビルドしたら表示されない

    hyperappのサンプルソースをwebpack4でビルドしたくて、webpackの設定をかいたのですが、書き方が間違ってるのか、ビルドはできるものの、htmlに何も表示されません。 ビルドされたjsは、正常に読み込まれていて、コンソールログを書けば内容が正しく出力されます。 ただhyperappの記述でかいたviewがboｄｙに出力されません。

    • 0評価
    • 205PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • webpack

      190questions

    • Hyperapp

      2questions

    pon2018 pon2018 3日前に 回答

  • 受付中

    回答
    0

    Monaca CLI にてプロジェクトのトランスパイルに失敗する

    やりたいこと Monaca CLIにてトランスパイルを行いたい (Monacaプロジェクトをトランスパイルし、実機で動作確認できれば方法は何でも良い) Angular2のプロジェクトでmonaca transpileがしたかった 経緯 MonacaのクラウドIDEにて「Onsen UI V2 Angular Navigation」プロジェクトを作成

    • 0評価
    • 54PV
    • Cordova

      392questions

      Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

    • Monaca

      916questions

      「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

    • webpack

      190questions

    • Angular2

      159questions

    BluOxy BluOxy 3日前に 質問を編集

  • 受付中

    回答
    1

    webpackでビルドした静的なサイトについて

    webpackでビルドした静的なサイト（react、reduxで作成）がブラウザで開くと真っ白になります。 webpackでビルドしたファイルはbuild/index.htmlとして吐き出しているのですが、そのindex.htmlをブラウザにドラッグアンドドロップして開いてみても真っ白なページになります。 静的なサイトであれば、ビルド後のindex.

    • 0評価
    • 54PV
    • React.js

      651questions

      Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

    • webpack

      190questions

    • Redux

      88questions

    kawax kawax 1週間前に 回答

  • 受付中

    回答
    0

    Webpack4 複数cssファイル出力それぞれにsourceMapを付与したい

    Wordpressのtheme開発にwebpack4導入を検討しています。 こちら https://teratail.com/questions/134422 で質問させていただいたような状況を経て、現在以下のようなwebpack-config.jsにて main.cssとeditor-style.cssの2つを出力しておりますが、sourceMapの出

    • 0評価
    • 49PV
    • CSS

      5130questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      227questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • webpack

      190questions

    • npm

      223questions

      npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

    teratailが1週間前に アップデート

  • 受付中

    回答
    0

    Webpack4 ExtractTextPlugin にて 複数のcssファイルを出力したい

    Wordpressのtheme開発にWebpack4を導入、ExtractTextPluginを使い wp-content/themes/project-name/assets/css フォルダへ main.css を出力しています。 wordpressの管理画面用css として editor-style.css を同出力先へ、 main.css とは別

    • 0評価
    • 65PV
    • CSS

      5130questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      227questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • webpack

      190questions

    • npm

      223questions

      npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

    teratailが1週間前に アップデート

  • 受付中

    回答
    0

    webpackとbabelを使って、URLインターフェースを動作させたい

    前提・実現したいこと webpack + babel + αを使って IE11でURLインターフェースを動作させたいと考えています。 発生している問題・エラーメッセージ Chrome、Edge等では正常に動作しますが IE11では このオブジェクトではサポートされていない操作です。 のようにエラーになります 該当のソースコード webpa

    • 0評価
    • 210PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • webpack

      190questions

    • Babel

      40questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    teratailが2週間前に アップデート

  • 解決済

    回答
    1

    webpackで勝手に<script>タグがHTMLに追加されちゃうのは何故？

    vue-init webpack hoge 上のコマンドで、Vue + webpackのプロジェクトを作りました。 その後、Chromeでindex.htmlを確認したら、自動で<script></script>がhtmlに挿入されていました。 色々調べてみたのですが、どこで<script></script>が自動挿入されているのかわかりません。 <scri

    • 0評価
    • 92PV
    • Node.js

      1667questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • webpack

      190questions

    redhat98 redhat98 2週間前に 回答

  • 受付中

    回答
    0

    rails上でVue環境を構築している際のエラー

    rails初心者です。 以下のサイトを参考に、rails上でVueの環境構築を行っていました。 Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた【2018.03.24】 が、rails sを実行し、http://domainに接続したところ、以下のようなエラーがでて、きちんと処理ができていないようでした ERROR

    • 0評価
    • 103PV
    • webpack

      190questions

    • Babel

      40questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    • Ruby on Rails 5

      1082questions

    teratailが3週間前に アップデート

  • 受付中

    回答
    0

    webpackでgulp-concatのように、複数のファイルをそのまま結合することは可能でしょうか...

    webpackを用いてgulp-concatのようなファイルのまとめ方をしたい lazyload系やlightbox系、スライダー系のプラグインファイルを一つのファイルにまとめて読み込みたいです。 例えば、 lazysizes.min.js ls.unveilhooks.js Luminous.min.js slick.min.js

    • 0評価
    • 71PV
    • gulp

      255questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    • webpack

      190questions

    teratailが3週間前に アップデート

  • 解決済

    回答
    1

    Nuxt.jsでMaterial Components Webを使うときに、Sassファイルを読み込...

    実現したいこと 私は現在、Nuxt.jsで静的サイトを作成しています。デザインフレームワークにMaterial Components Webを使おうと思いnpmでインストールしたのですが、.scssファイルを取り込む方法が分かりません。 以下のようにインポートした場合、mdc-button.scssは読み込めているのですが、mdc-button.scs

    • 0評価
    • 251PV
    • webpack

      190questions

    • Vue.js

      516questions

      Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

    • Nuxt.js

      29questions

    isoppp isoppp 1ヶ月前に コメント

  • 解決済

    回答
    1

    webpack 4 の optimization.splitChunks について

    実現したいこと index.js と index2.js で読み込んでいる sample-alert.js がバンドルされた vendor.js が生成されることを期待しているが、期待通りにならない。 下記のサイトを参考にしました。 https://qiita.com/soarflat/items/1b5aa7163c087a91877d 該当のソー

    • 0評価
    • 124PV
    • webpack

      190questions

    msiqb msiqb 1ヶ月前に 回答を編集

  • 解決済

    回答
    1

    webpack4.11.1 AggressiveMergingPlugin, OccurrenceO...

    最近webpackを2xから4.11.1に変えました。 webpack2xのときのproductionの設定で、 plugins: [ new webpack.optimize.AggressiveMergingPlugin(), new webpack.optimize.OccurrenceOrderPlugin() ] このようにしている

    • 0評価
    • 90PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • webpack

      190questions

    monopory monopory 1ヶ月前に ベストアンサー

  • 受付中

    回答
    1

    vue-cliとwebpackを使ったvueプロジェクトの構築がうまくいかない件について。

    vue cliを使ったwebpackのインストールについて質問です。 現在vue.jsの勉強をしていてvueのコマンドラインツールからwebpackをインストールしようとしたら次のようなエラーが出てしまいました。 vue-cli · Failed to download repo vuejs-templates/webpack: self signed

    • 0評価
    • 158PV
    • JavaScript

      14725questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Node.js

      1667questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • webpack

      190questions

    • Vue.js

      516questions

      Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

    Ryota-KM Ryota-KM 1ヶ月前に コメント

  • 受付中

    回答
    0

    webpackでWordPressを自動リロード

    最近webpackを勉強し始めたのですが、 WordPressのテーマ作成時にwebpack-dev-serverで 自動リロードしながら作業することは出来るでしょうか？ 的外れなことを言っていたらすみません、よろしくお願いします。 実現したいこと(追記) すみません、きっかけはこの記事を見たことです。 http://kojika17.com/20

    • 0評価
    • 154PV
    • PHP

      18587questions

      PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

    • webpack

      190questions

    teratailが1ヶ月前に アップデート

  • 解決済

    回答
    2

    railsでbinコマンドが使えない。railsとvue.jsを利用してアプリを作成したいがbin/...

    前提・実現したいこと railsとvue.jsを使ってアプリを作っています（作ろうとしてつまずいています） 環境は ruby 2.5.1 rails 5.1.6 vue 2.5.16 webpacker 4.0.0 です。 発生している問題・エラーメッセージ このサイトを参考に、webpackerを利用してvueをインストールし、無事にファイルが生成

    • 0評価
    • 199PV
    • Ruby

      6733questions

      Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

    • webpack

      190questions

    • Vue.js

      516questions

      Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

    • Ruby on Rails 5

      1082questions

    kama-h kama-h 1ヶ月前に コメント

  • 受付中

    回答
    0

    djangoでwebpackでビルドしたデータを使う場合のwebpack.config.jsの設定の...

    最新のvue-cliのvueを、npm buildでビルドしたdistをdjangoのstaticフォルダ以下にに配置することで動かすことを考えております。 vue-cliのデフォルトのサンプルプロダクトをnpm buildするとdistフォルダが生成されますが、 dist/index.htmlの中に定義されたcss, jsが、 <script type

    • 0評価
    • 161PV
    • Python

      6290questions

      Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

    • Django

      840questions

      DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

    • webpack

      190questions

    • Vue.js

      516questions

      Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

    teratailが1ヶ月前に アップデート
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    80人

  • 総質問数

    190件

  • 今週の質問数

    4件

関連するタグ

  • Facebook

    386questions

    Facebookは、実名登録制のSNS（ソーシャル・ネットワーキング・サービス）です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

  • ChatOps

    3questions

    ChatOpsとは、Hubotとチャット機能のあるコミュニケーションツールを使って各種タスクを自動化するGitHub社の運用スタイルのことです。デプロイやテストといった各種タスクをHubot経由で実行することで、関係者全員が把握しやすくなるなどのメリットがあります。

  • COBOL

    21questions

    COBOL(COmmon Business Oriented Langage)は、実務処理用に開発されたプログラミング言語です。

  • PostgreSQL

    948questions

    PostgreSQLはオープンソースのオブジェクトリレーショナルデータベース管理システムです。 Oracle Databaseで使われるPL/SQLを参考に実装されたビルトイン言語で、Windows、 Mac、Linux、UNIX、MSなどいくつものプラットフォームに対応しています。

  • Mocha

    7questions

    Mochaは、JavaScriptのテストフレームワークの一つ。mocha自体にはアサーション機能はなく、ブラウザを使用するフロントエンドのテストや、node.jsを用いたテストの両方に対応しています。

  • grep

    31questions

    grepはコマンドライン上でテキスト検索を可能にするユーティリティーです。元はUnixのために用意されたものです。

  • CGI

    5questions

    CGIはCommon Gateway Interfaceの略称です。

  • GD(Graphics Library)

    23questions

    GD(Graphics Library)は、線や多角形、円、テキストなどを書くことができるライブラリです。グラフなどを作成する際に利用されます。

  • Mathematica

    6questions

  • ポップアップ

    7questions

    一般的に、ポップアップは、ウィンドウやアプリケーションに上に浮かぶUIエレメントを指します。

webpackタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る