はじめに 今回は、FontAwesomeを使用しようと思った際にheadタグどこ？となったので備忘録 結論 nuxt.config.jsにある export default { mode: 'universal', /* ** Headers of the page */ head: { title: process.env.npm_package_name || '', meta: [ { ch…

はじめに 前回、Buefyの導入理由がツールチップだったので、公式ドキュメント踏襲でまとめていきたいと思います。 ツールチップとは？ ツールチップとは、ホバーした際に表示される枠内の補足説明などのことで、様々なサイトで使用されています。 そして、下…

目次 目次 はじめに Buefyとは buefyの導入 インストール nuxt.config.jsのモジュールに追記 参考 はじめに 現在の仕事でツールチップはbuefyで統一するぜ！となったので調べてみました。 現場ではnpm installだけで環境ができたので、個人的に導入方法の備…

目次 目次 はじめに 準備 モックサーバー vueファイル 解説（主にJSファイル） はじめに Checkboxにチェックを入れると全部に反映されていったので備忘録。 その上、APIにcheckedというboolean型のプロパティがない場合 ※今回はあくまでチェックボックスの扱…

目次 目次 はじめに ステータス409を返すyaml / jsonファイルを作成 axiosでjson取得 はじめに 今回も前回記事にしたstubcellを用いて、エラーレスポンス時の対処を書いていきます。 場面としては、パスワードを数回間違えてロック解除までの日付のメッセー…

目次 目次 はじめに Stabcellとは？ 準備 流れ $ npm install stubcell -g でインストール 色々ファイル作成 entry.yaml jsonファイル 実行 感想 参考 はじめに APIのテストで使ったので、これから自分用で使う時用に備忘録 Stabcellとは？ 実際の開発だと、…

目次 目次 はじめに Do it はじめに 画面遷移時のクエリの備忘録 Do it データを渡すvueファイル <li v-for="item in qiitaPosts" :key="item.id"> <span class=”dan”><router-link :to="{name:'file-list-details',query:{title:item.title,created_at:item.created_at}}">{{item.title}}</router-link></span> : </li>

はじめに 朝4時近くにこんなツイートした自分 一部だけにcss判定かけるの結構めんどくさい。やり方がわからぬ。— kmmk＠この1ヶ月乗り切るマン (@kami_tsukai) September 22, 2019 はじめに とりあえず書いてみる 改善 まとめ とりあえず書いてみる 最初のや…

子コンポーネントから親コンポーネントにデータを渡す$emit share_file_list.vue（親）にdrop_down_menu.vue（子）のコンポーネントが含まれている。 つまりdrop_down_menu.vueのデータをshare_file_list.vueに渡す | - components | | | - drop_down_menu.v…

はじめに 現在、プルダウンメニューで呼び出したapiデータのタイトルを昇順やら降順やらしていた時に迷ったので備忘録 配列を数値（昇順）並び替える .js var arrayNum = [1,2,3,4,5,1,2,3,4,5] arrayNum.sort(function(a,b){ return a - b }) console.log(a…

構成 サイドバーは常に表示しておきたい 変更されるのはコンテンツエリアのみ の簡易な構成にしていきたいと思います コンポーネントに分ける 2つに分ける sidebar contents Vue-routerのルールでルーティングをしてくれるファイルにこのように記述 router.j…

はじめに 前回Guzzleで叩いたリクルートのtalk_apiにpost送信したらエラーが出たので、調査して備忘録 postしてみる JavaScript const base_url = "URL"; const apikey = "APIKEY"; var params = { apikey : apikey, query : this.messageByUser } axios.pos…

はじめに 公式のページ参考：axios を利用した API の使用 — Vue.js 内容 axiosによるGET送信 mountedフック 通信エラーハンドリング ローディングの表示 filtersフック v-cloak コンパイルされていない Mustache バインディングの非表示 CDNによるaxiosの読…

checkboxのboolean問題 個人的にHTMLでCheckBoxを使用するときの扱い方は下記のようにしていた //check済みで表示するとき <input type=“checkbox” checked=true> なのでVueもそのように考えて下記のようにしたらfalse値のまま変化がなかった。。 <ul> //todo.isDoneは真偽値が返る（初期値はfalse） <li><input type=“checkbox” v-model:checked=“todo.isDone"><span></span></li></ul>…

はじめに お問い合わせフォームで入力した内容をSlackに送信してみようとおもい作ってみました。 ポートフォリオの一部です 流れ ライブラリ追加 Botの作成してAPI Tokenの取得する Botが話すスペースの提供 コーディング ライブラリ追加 Maven Repository: …

インメモリデータベースとは、非リレーショナルデータベースの一種です。データをディスクや SSD に保存するデータベースではなく、データストレージ用のメモリに主に依存します。インメモリデータベースは、ディスクにアクセスする必要性を除くことによって…

ライブラリの追加（JDBC） implementation 'org.springframework.boot:spring-boot-starter-jdbc' ymlの記述 spring: datasource: url: jdbc:h2:mem:test //mem = メモリ上に保存される（再起動時に初期化される） driverClassName: org.h2.Driver username:…

はじめに レスポンシブなサイトというのを少し前からよく聞いていたので、興味本位で浅く触れてみた備忘録 ライブラリの追加 versionは公式をみるか、IDEに自動的に入力してもらう。(2019.9.10 時点) <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>3.3.7</version> </dependency> レイアウト これはあくま…

JPAとは Java標準のO/Rマッパー 実装ライブラリとしてHibernateやEclipseLinkが有名 特徴 Javaオブジェクトとデータのマッピング データベースへのCRUD処理をカプセル化したAPI JPQLで記述可能 JPQL（今回はリポジトリに記述） //Customerインスタンスを全て…

application.properties [MySQL] application.properties spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost/DB_NAME spring.datasource.username=DB_USER spring.datasource.password=DB_PASS s…

サービスとは いつでもどこからでも呼び出せる Beanとして登録しておくことでアノテーションでいつでも利用できる アプリケーションで使用する業務データの参照、更新、整合性チェックおよびビジネスルールに関わる各種処理 再利用されることを考慮したロジ…

目次 目次 はじめに 登場人物 流れ 前回作ったDBに@PostConstructでダミーデータを注入 ModelAndViewに値をセット テンプレートエンジンに変数埋め込んで表示 th:each 番外編（ModelAndViewじゃなくてModelでかいてみた） はじめに 前回の続き：Java + Sprin…

はじめに 参考： インメモリデータベースとは何ですか? インメモリデータベースとは、非リレーショナルデータベースの一種です。データをディスクや SSD に保存するデータベースではなく、データストレージ用のメモリに主に依存します。インメモリデータベー…

目次 目次 はじめに Thymeleafの準備 Springbootにおけるcssのリンク付け はじめに ちょっと迷ったので備忘録 筆者はmavenで開発しています。 Thymeleafの準備 pom.xmlにライブラリ追加 //追加 -> import <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thy</artifactid></dependency>…

目次 目次 Controller概要 @RestController @RequestMapping @PathVariable json形式で出力するRestfullなコントローラー HTMLファイルを出力するコントローラー まとめ Controller概要 ある程度の誤差はあると思うのですが、現在の理解でLaravelとSpring-Bo…

目次 目次 はじめに github 概要 詳細 インスタンス作成 post送信（レスポンス取得） デコードと表示 参考 はじめに WebAPIを作ることはあっても、使用する経験が少なかったので、練習として叩いてみました。 https://a3rt.recruit-tech.co.jp/product/talkA…

目次 目次 はじめに Guzzleとは? インストール 記述 詳細 今回のエラー 原因 デコード 参考 はじめに Guzzleというものを知ったので軽く練習 ライブドアの天気APIを使用してデータを取得していきます。 Guzzleとは? HTTP要求の送信を簡単にし、Webサービスと…

目次 目次 はじめに FormRequest 作成方法 メソッド紹介 authorize rules failedValidation 使用方法 豆知識 参考 はじめに 現在、業務でLaravelでAPI開発をしていて、バリデーションの失敗時の処理を備忘録 FormRequest 公式引用 フォームリクエストは、バ…

目次 目次 はじめに final 別のクラスでクラスを作成する 文字列 可変長引数（引数に配列を入れてあげる場合） はじめに 友達と読んでいる本のまとめ final 定数 識別子は大文字（final int FILE_NEW = 1;） 別のクラスでクラスを作成する 非静的・静的 Stat…

目次 目次 javaの選択ステートメント while ラベル javaの選択ステートメント if switch 同じスイッチ内の2つのケース定数が同じ値を持つことはできません switchステートメントは、ネストされたifのセットよりも効率的 if-elseよりも高速 while 本体の中身…