必要な機能項目を選択することでwebpack.config.jsを出力してくれるジェネレータ「Webpack configurator」 - NxWorld
「Webpack configurator」は、webpackに関する設定を記述するwebpack.config.jsを各項目を選択するだけで出力してくれるジェネレータです。 React, CSS, Sass, SVG, lodashなど現状で10個の項目が用意されています。 サイトにアクセスするとページ上部に各項目のチェックボックスが並べられているので、そこから必要な機能を選択していきます。 各項目を選択するとその下の「Your personal webpack.config.js」にあるコード内容が変化していくので、あとはこの記述をコピーしてwebpack.config.jsにペーストするだけです。 選択できる機能としては、現時点で下記の10個が用意されています。 また、コード出力箇所の横には各パッケージのインストールに必要なnpmのコマンドも出力されます。 何も選択していない場合はn
【webpack 4】環境構築からJSとCSSを別出力まで（備忘録） – expexp.jp
2018.04.152019.02.21 【2019年版】webpack 4 個人的設定まとめとして、新たに再編集しました。最新の設定はこちらの記事にて紹介しています。 フロントエンドに必須技術となってきたwebpack。自分も少しずつ案件に取り入れつつ覚えてきましたが、便利すぎて手放せなくなってきました。最初はJavaScriptのBabelを使うためだけに使っていましたが、欲が出てSASS（SCSS）のビルドもwebpackで行うようになりました。構築環境をまとめると管理や修正が楽ですし、なにより作業工数を削減することもできます。 今回はwebpackによる環境構築から、ファイルの出力までを紹介します。環境はMac（macOS Sierra）、node v10.1.0、npm 6.4.1、webpackのバージョンは4.17以上で進めます（記事アップデート前は4.12）。webpack
【初心者向け】webpack入門。すぐに使える最も簡単な使い方
webpackは、複数のJavaScriptファイルをまとめてくれる、モジュールバンドラというものです。 今回は、webpack入門ということで、webpack5の使い方を紹介していきたいと思います。 この記事では、jsファイルをビルドするまでの、最も簡単な方法を紹介します。 webpackは、モジュールバンドラと呼ばれるものの一つです。 分割したJavascriptのソース（モジュール）を、適切な形にしてまとめてくれます。 長いソースを書いているとどこに何を書いたか分からなくなってしまったりして、効率が悪いです。 それを防ぐには、複数のファイルに分けて作っていけばいいわけで、その複数のファイルをまとめてくれる（バンドルしてくれる）のがwebpackです。 モジュールをバンドルするので、モジュールバンドラですね。 また今回は省略しますが、webpackには、CSSやSASS、画像ファイルな
七転八起 - wordpress + vue.js + bootstrapでブログをSPA化しました。
得意：Laravel, vue.js, react, ReactNative。 趣味：音楽・ドラム・作曲・歴史。 本ブログをSPA化しました。 元々フロントエンドの開発や技術に興味があって、ブログのデザインもやってみたかったので、 勉強がてら作りました。 ブログはwordpressを使っており、 フロントエンドはvue.js, jquery, デザインやcssフレームワークはbootstrap, fontawesomeを使いました。 ブログに関する情報はwordpressのREST APIを使って、axiosで取得するようにしました。 javascriptは最近流行りのwebpackでコンパイルする形で作成してます。 昨日リリースすることができましたが、 ノウハウや悩んだことなどを書いていこうと思います。 どうやって勉強したか Vue.js 公式 まずは公式の「学ぶ」から、使い方を勉強して
ソニーグループポータル | アクセシビリティ | Initiatives
取り組み すべての人が感動を分かち合える未来を実現するために、 インクルーシブデザインをはじめとした新しい体験価値を創る取り組みを実施しています。 ソニーは、「クリエイティビティとテクノロジーの力で、世界を感動で満たす」 というPurpose （存在意義） のもと、すべての人が感動を分かち合える未来を実現するためにアクセシビリティを高める取り組みとインクルーシブデザイン※1を推進しています。 ※1多様なユーザーを包含・理解することで新たな気づきを得て、一緒にデザインする手法。 詳しくはこちら
Google IO 2018のMaterial Designアップデートまとめ｜池内健一
Google I/O2018でMaterial Designが大きくアップデートされました。Material Designのサイトの更新量が大きすぎて全量を把握するのも大変ですが、要点だけまとめました。 目次 ・Material Themingで多様なスタイルが可能に ・コンポーネントの更新 - App Bars：Bottom - Backdrop - Extended FAB - Sheets : Side - Text Fields - ButtonsMaterial Themingで多様なスタイルが可能に今回のアップデートで一番インパクトがあったのがMaterial Themingでした。これまでMaterial Designではどのアプリも画一的なスタイルに制限されていましたが、Material Themingによって多様なスタイルが可能になりました。これにより、ブランドイメージに
ウェブアクセシビリティ方針 - 企業情報 - ヤフー株式会社
ヤフー株式会社は、一人でも多くのお客さまが一つでも多くの場面で当社が提供するウェブコンテンツをご利用いただけるように、アクセシビリティの確保に取り組んでいきます。 「課題解決エンジン」であり続けたい ヤフーは、IT（情報技術）の力によって、お客さま一人ひとりの課題を解決し続けてきました。Yahoo! JAPANは、現在約100以上のサービスを提供し、月間利用者数約5,000万人の日本最大のインターネットサービスです。 年齢、障がいの有無、利用している機器や環境等に関係なく、お客さまが当社のインターネットサービスを利用できるようにしていくことによって、世の中の課題をITで解決する「課題解決エンジン」であり続けたいと考えています。 合言葉は「ユーザーファースト」 ヤフーは、日本のインターネット黎明期から「ユーザーファースト」を合言葉にしてきました。ここでいうユーザーとは、当社のサービスを利用さ
ウェブマスターとコンテンツ クリエイターの方々のお役に立つために
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
新しくなったMaterial Designのココに注目！最近のUI要素・コンポーネントのデザインや使い方がしっかり学べる
先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップによると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Designはその表現力を高める機能を充実していくとのことです。 Material Design Material DesignはGoogleが提供するオープンソースのデザインシステムで、Webサイトやスマホアプリのデザインから実装まで幅広く利用できます。 Google I/O 2018でアナウンスされた大きなポイントは、3点。 Material Themingはテーマを使用して、開発者がプロダクト全体でユニークなスタイルを一貫して体系的に表現できるようになりました。 ワークフローを効率化する3つのツールがリリースされました。 Material Theme Editor, Mater
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
