目次 目次 はじめに 準備 モックサーバー 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…