ゆるふわエンジニアのブログ

行ったこと、調べたこと等をつらつらと書いていくかもしれません。

2018-07-01から1ヶ月間の記事一覧

Babelのインストールおよび使用方法

本記事では、Babelのインストール方法および使用方法について紹介していきます。 Babelは、ES2015やES2017形式で記述したJavaScriptの ソースコードをES5以前の形式に変換するツールです。本記事の内容です。 package.jsonを作成する Babelをインストールす…

無償でフル機能が使用できるC++ Builder(C++ Builder Community Edition)

本記事では、Windows、Android、Mac向けアプリのソースを 1つのソースコードでかつC++で開発可能、さらに、フル機能を無償で使用できる 統合開発環境である、C++ Builderについて紹介していきます。本記事の内容です。 C++ Builderの特徴 クロスプラットフォ…

webpackでconfigファイルの共通部を外部ファイルへ切り出す

本記事では、webpackでconfigファイルの共通部を 外部ファイルへ切り出して管理、使用する方法を紹介していきます。本記事の内容です。 webpack-mergeをインストール configファイルの共通部を別途ファイル化 各環境毎のconfigファイルで共通configファイル…

webpackで使用するconfigファイルを指定(選択)する方法

本記事では、webpackで使用するconfigファイルを指定する (選択する)方法を紹介していきます。本記事の内容です。 webpackのconfigファイルを準備する 開発用(webpack.config.development.js) 本番用(webpack.config.production.js) ビルド時に使用するconfi…

Visual Studio CodeでVue.jsの開発を行うためにインストールしているプラグイン

本記事では、Visual Studio Codeを使用してVue.jsを用いた開発を行うために インストールしているプラグインについて紹介していきます。本記事の内容です。 vetur VueHelper vetur Vue.jsのコードスニペットです。 入力補完などを行ってくれるのですが、触っ…

Visual Studio CodeでHTML+CSS+JavaScriptの開発を行うためにインストールしているプラグイン

本記事では、Visual Studio Codeを使用して HTML + CSS + JavaScriptを用いた開発を行うために インストールしているプラグインについて紹介していきます。本記事の内容です。 HTML関係 HTML Snippets HTML Hint CSS関係 IntelliSense for CSS class names i…

Windows10(Build1803)でGoogle Chromeが正常に動作しない件

2018/11/08追記 本記事の解決策が見つかりましたので、記事にしました。 j-levia.hatenablog.jp 新しくPCを購入し、Windows10をBuild1803にアップグレードした結果、 Google ChromeとVivaldiが正常に動作しなくなったため、メモがてら書いておきます。結論か…

webpackで本番用と開発用にビルド方法を切り替える

本記事では、webpackで本番用と開発用にビルド方法を 切替える方法を紹介していきます。本記事の内容です。 本番用ビルド設定 開発用ビルド設定 開発用ビルド設定のdevtoolについて 本番用ビルド設定webpack.config.jsに、mode行を追加します。 内容は、下記…

webpackを使用してjsファイルをまとめる方法

本記事では、webpackを使用してjsファイルを まとめる方法を紹介していきます。本記事の内容です。 webpackって何? webpackを使用する準備 webpackのインストール webpackの設定ファイル作成 JavaScriptソースコードの準備 ビルド jsファイルをまとめた結果…

JavaScriptの処理をブラウザ上で止めてデバッグする方法

本記事では、JavaScriptの処理をブラウザ上で止めて、 デバッグする方法について紹介していきます。本記事の内容です。 JavaScriptのソースコードに一文加える ブラウザの開発者ツールを開く JavaScriptのソースコードに一文加えるJavaScriptのソースコード…

Tomcatのタイムゾーン設定(Eclipse)

本記事では、EclipseでのTomcatのタイムゾーン設定について紹介していきます。本記事の内容です。 Tomcatのタイムゾーン設定 Tomcatのタイムゾーン設定Tomcatの「起動構成を開く」→ 「構成の編集」ダイアログで「引数」タブを開く→ 「VM引数」に下記を貼付け…

Tomcatのログ出力設定(Eclipse)

本記事では、EclipseでのTomcatのログ出力設定について紹介していきます。本記事の内容です。 Tomcatのログ出力設定 Tomcatのログ出力設定Tomcatの「起動構成を開く」→ 「構成の編集」ダイアログで「引数」タブを開く→ 「VM引数」に下記を貼付ける -Djava.ut…

動的に後から追加したDOM要素にイベントを設定する(jQuery)

本記事では、動的に後から追加したDOM要素に イベントを設定する方法を紹介します。本記事の内容です。 何がしたいのか? 駄目なソースコード うまくいくソースコード 何がしたいのか?動的に後から追加したDOM要素にも動的にイベントを設定したい。 今回は…

JavaScriptのlinqで使用できる関数一覧

JavaScriptのlinqで使用できる 関数の一覧を作成したので、載せておきます。本記事の内容です。 使用できる関数一覧 使用できる関数一覧 関数名 引数 aggregate seed, func, resultSelector all predicate alternate alternateValueOrSequence any predicate…

FrontendのJavaScriptでlinq

FrontendのJavaScriptでlinqを使用できるので、linqそのものやJavaScriptのlinq、 使用するまでに行ったことを紹介していきます。本記事の内容です。 そもそも、linqとは? JavaScriptのlinqとは? ライセンス インストール方法 使い方(サンプルコード) 使用…

任意継続(保険)の申請方法

退職してから任意継続の申請を行うにあたり、 調べたことをまとめていきます。どんな書類が必要なの?正社員として雇用されていた時に加入していた健康保険組合が 定める書類が必要となります。 大体の場合、 「[正社員時代に加入していた健康保険組合] 任意…

国民健康保険と任意継続(保険)のどちらの方が安いかを比較する方法

下記のWebサイトから、国民健康保険と任意継続(保険)、 どちらの方が安いかを比較することができます。5kuho.com信憑性がどうかはともかく手軽で良いですね! これで、窓口に問い合わせたりしなくてもよくなります。

Scalaの学習に役立つサイト

本記事では、Scalaの学習を行う際に役に立つサイトを紹介していきます。Scala公式下記の公式Webサイトでは、流れでScalaを学習することができます。 Documentation | Scala Documentationリファレンスだけでなく流れで学習できるようになっているのは、嬉し…

Web(オンライン)上で使用できる開発環境

自分で開発環境を用意しなくても、 Web(オンライン)上で使用できる開発環境について紹介します。下記ページを開き、「コード作成を試してみる(無料)」をクリックしてください。 paiza.ioすると、ブラウザ上でエディタが表示されるので、 コードを書き、「実…

画像からカラーコードを取得するツール(Windowsのみ)

本記事では、画像からカラーコード(色コード、色)を 取得する際に使用するツールを紹介していきます。本記事の内容です。 ツールについて 使い方 ツールについて使用するツール(Color PIcker)は、下記のページからダウンロードできます。 www.vector.co.jpこ…

WindowsのカレンダーライクなDatePicker(bootstrap-datepicker)

本記事では、WindowsのカレンダーライクなDatePickerである bootstrap-datepickerを紹介していきます。本記事の内容です。 bootstrap-datepickerとは? デモページ ライセンス 使用するための準備 サンプルコード 使い方 bootstrap-datepickerとは?Bootstra…