Nuxtのソース表示でcssが全部出力されないようにする方法

Nuxt Vue.js Javascript

Nuxtでソースの表示ブラウザ上からページのソースを見ることができますが（Chromeで「ページのソースを表示」を実行する）Nuxtでソースを表示させた時にデフォルトの設定だとCSSが全部出力されませんか？本来見たい部分までひたすらスクロールして大変な思…

2019-12-25

Vue.jsではjavascript:void(0)をなくそう

Javascript

aタグのイベント javascriptでは数々のイベントを設置するもの。ホバーした時、スクロールした時、、、など色々パターンはありますが、特に多いのはクリック時のイベントではないでしょうか。そして大体それらはaタグに設置されますよね。ただ、aタグには…

2019-12-22

Javaのファイル読み込みメソッドを整理

Java

ファイルを読み込む処理例えばcsvファイルなど、ファイルの内容を読み込んで処理をすることがありますよね。そんな時にFileInputStreamやらInputStreamReaderやらBufferedReaderを使う必要があるのですが、初見だと何がなにやらさっぱりですよね。そんなメ…

2019-12-22

Spring Bootの起動が遅いので試行錯誤した話

Java Spring Boot

コンパイル言語の宿命 Spring Bootに限らずJava等コンパイル言語の宿命ですが、ちょっとした変更でもいちいちコンパイルが必要になりますよね。そうして開発効率の悪さを感じてしまいます。 ※もちろんコンパイル言語は実行時のパフォーマンスに安定感がある…

2019-12-18

Vue.jsから開発モードでクロスドメインのアクセス

Vue.js Javascript

開発時のVueとサーバサイドのポート番号 VueでサーバサイドのAPIを使用する開発をしており、サーバサイドのサーバも起動させている場合、Vueとサーバサイドのポート番号は異なることと思います。 Vueで「npm run dev」コマンドを使用して開発している場合、…

2019-12-15

Spring Boot のCORS対策

セキュリティ Spring Boot Java

CORSとは？通常Webページでは、同一生成元ポリシー(Same Origin Policy)によってWebページを生成したドメイン以外へのHTTPリクエストができません。しかし、外部リソースから情報を取得してページ内で表示したいというニーズは当然のようにあり、CORSとい…

2019-12-12

Nuxtの$axiosにおけるgetと$getの違い

Nuxt Vue.js Javascript

Nuxtで使用する$axios SPAサイトではガンガン行う非同期通信、その中でもaxiosは良く使われると思いますが、 Nuxtの場合はnuxt-community/axios-moduleのモジュールを使うことが一般的でしょう。注意したいのが、何も考えずに $axios.$get とやると、いつも…

2019-12-11

VueやNuxtで消えないdefault child route のWARNING

Vue.js Nuxt Javascript

routerでchildrenを設定していると表示されるWARNING VueやNuxtでは、routerの設定でchildrenを使うと構造的に見やすいルーティングを生成できますよね。ただし、以下のような一件問題なさそうなルーティングを書いた場合、WARNINGが表示されてしまいます。…

2019-12-11

Nuxtではデフォルトで.gitファイルが配置される

Vue.js Git Nuxt

Nuxtのインストール後のディレクトリ構成 yarnやnpmでnuxtをインストールした後のディレクトリ構成は以下になります。Project ┣ .git ┣ .nuxt ┣ node_modules ┣ assets ┣ components ┣ layouts ┣ pages ┣ store ┣ static ┣ plugins ┣ middleware ┣ nuxt.conf…

2019-12-09

Nuxtでfunction()から始まるようなJavascript構文を呼び出し

Javascript Nuxt

function()から始まるような構文サイト制作でJavascriptのライブラリを使う昨今、サイト表示時点で外部にアクセスするような、 function()から始まるような構文を使うことはよくありますよね。例えば流入数を計測するためのお決まりのタグや、Typekitなど…

2019-12-06

SpringBootのFormバリデーションで、Listを使って別々の項目に同じチェック

Java Spring Boot

SpringBootのFormで使われるList SpringBootのFormバリデーションで独自バリデーションを作成し、適用している人にとってはよく見かけるListですが、これの使い道は知ってますか？例） public @interface List { TestValidate[] value(); } 一例ですが、例…

2019-12-05

ステートレスの場合のセッションハイジャック対策

セキュリティ

セッションハイジャックとはハイジャックという言葉は、輸送機関などが強奪される時に使用される言葉ですが、web業界でも使用されます。それがセッションハイジャック。セッションハイジャックについてはググればいくらでも出てくるので詳細な説明は省き…

2019-12-05

Entityの@ManyToOneでCascadeオプションの使い道

Spring Boot Java

Entityの@ManyToOne あるEntity（エンティティ）に対してフィールドを設定した時に、 Entityとフィールドが多対一の関係にある時に使用します。このあたりの説明は長くなるので、詳細を知りたい人はぐぐって調べてみてください。ただ@ManyToOneを付けるだけ…

2019-07-25

RailsでAPI用のアプリを作成(POST処理編)

rbenv Ruby Roby on Rails MySQL

APIのPOST処理を実行前回は以下の記事のように、RailsでAPIを使用してGET処理を行いました。 ti-tomo-knowledge.hatenablog.com今回はPOST処理の方を行い、データの保存まで行いたいと思います。最終的に実行したいAPIコマンドは以下になります。 curl -X …

2019-07-12

RailsでAPI用のアプリを作成(GET処理編)

rbenv Ruby Roby on Rails MySQL

APIモードでアプリを作成前回の内容 ti-tomo-knowledge.hatenablog.com前回Railsをセットアップして起動させるところまで進めましたが、今回は主にAPI用でRailsを使いたいので、GET処理をするAPIを作ってみたいと思います。(POST処理は次回) 今回は再度API…

2019-07-11

WP All Exportのプラグインで、ZipArchiveクラスが見つからないよ〜

AWS PHP Linux MAMP WordPress

ZipArchiveクラスが見つからないよエラー wordpressのプラグインで、WP All Exportを使用した時、以下のエラーメッセージが画面の上に表示されて困った人はいませんか？ ZipArchiveクラスがサーバで見つかりません。 Webホスティングプロバイダーにお問い合…

2019-07-10

MacでRailsを10分で起動！爆速セットアップ！

Roby on Rails Ruby Mac Homebrew Linux rbenv

環境構築も爆速に！開発効率に定評のあるRailsですが、環境構築も爆速にできてしまう点に特徴があります。今回はMacでの説明になりますが、一気にやってしまいましょう！インストールでは、Rubyのバージョンを管理するためにrbenvと、rbenvのプラグインでr…

2019-07-09

Nuxt.jsでプロジェクトを作成してみた

Vue.js SPA Javascript

Nuxt.jsとは？ Nuxt.jsとは、Vueアプリケーションを作成するフレームワークです。通常のVue.jsの開発で頻繁に使用する以下の機能を最初から含んでいます。・Vue 2 ・Vue Router ・Vuex ・Vue Server Renderer ・vue-metaなんと言っても「Vue Server Rendere…