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

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

Webのフロントエンド技術に関する速習シリーズ書評

山田祥寛氏著の速習シリーズの内、 Webのフロントエンド技術に関する本を読んだので、 読んだ感想等を書いていきます。 対象の技術は下記の通りです。 TypeScript ECMAScript Vue.js React webpack ちなみに、山田祥寛著の速習シリーズはすべてKindle Unlimi…

Windows10のノートPCにACアダプタを接続したら自動で電源がONになる問題の解決方法

本記事では、Windows10がインストールされたノートPCに ACアダプタを接続したり、充電が完了した時に 自動で電源がONになる現象を解決する方法を書いていきます。本記事の内容です。 何が起こっていたのか? どうしたら解決したのか? 何が原因だったのか? …

海外留学へ行くにあたり、自分が行っている英語の勉強法等をまとめてみた

先日、これからワーキングホリデーで英語圏へ行かれる方達と 繋がる機会があり、そこで 「そういった方達へ向けて、何か情報を残せればなぁ」 と思ったので本記事を書きます。内容は著者が英語力を身に付けるために行っていることや 心掛けていることをまと…

Windows10(Build1803)上でGoogle Chromeを使用すると「応答時間が長すぎます。」と表示されWebページにアクセスできない問題について、解決編

本記事では、下記記事にて書いた問題の解決方法を記述していきます。j-levia.hatenablog.jp本記事の内容です。 どうしたら解決したのか? 何が原因だったのか? 参考情報 どうしたら解決したのか?下記ページ https://productforums.google.com/forum/#!msg/…

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…

ASP.NET WebAPIで処理されなかった例外をハンドリングし、ログを出力する方法

本記事では、ASP.NET WebAPIで一切処理されなかった例外を ハンドリング(グローバルハンドリング)し、ログを出力する方法を紹介していきます。本記事の内容です。 例外ハンドリングクラスを作成する 例外ハンドリングクラスをサービス登録する 例外ハンドリ…

退職しました

3年半勤めていた中小SIerを退職しました。 まぁ、正確には06/30付け退社なので、まだ在職扱いなのですが。 本日が最終出勤日でした。せっかくなので、色々と書いておこうと思います。在職中は何をやっていたの?3年半の内、最初の3か月は1か月単位で様々なプ…

TimePickiで値変更時に関数を実行させる方法

本記事では、TimePIckiで値を変更した時に 任意の関数を実行させる方法を紹介していきます。本記事の内容です。 TimePIckiって何? サンプルコード TimePIckiって何?下記の記事を参照してください。 j-levia.hatenablog.jpサンプルコード公式ドキュメントに…

時、分を個別に入力できる時間入力コントロール(コンポーネント)(TimePIcki)

本記事では、時、分を個別に入力できる時間入力コントロール、 TimePickiについて紹介していきます。本記事の内容です。 TimePIckiとは? ライセンス 使用するための準備 サンプルコード 使い方 TimePIckiとは?jQueryのTimePIckierプラグインです。 公式ペ…

Deferredのthen、done、failでハマったこと(jQuery)

本記事では、jQueryのDeferredを使用する際、 then、done、failでハマったことを紹介していきます。本記事の内容です。 Deferredって何? 何でハマったのか? 何が駄目だったのか? 修正後のコード 修正コード1 修正コード2 最後に Deferredって何?本記事で…