2019-01-01から1年間の記事一覧

Git Tips

個人編 特定のブランチのログを見たい チーム開発編 他の人がForkしたリポジトリに存在するブランチを自分のブランチに取り込みたい 問題編 Git 2.27.0 から git pull をすると表示されるようになった "Pulling without specifying how to reconcile diverge…

【Java】競技プログラミングで使う最大公約数と最小公倍数の実装

最大公約数 (Greatest common divisor) 例題) 12と18の最大公約数を求めなさい。 この方法は「ユークリッドの互除法」を使用しています。 class Main { public static void main(String[] args) { System.out.println(gcd(12, 18)); } // 最大公約数 public …

 ABC147 B - Palindrome-philia の振り返り

問題 高八士君は回文が大好きで、回文でない文字列が許せません。高八士君は文字列を 1 回ハグするごとに、文字列から 1 文字を選んで任意の文字に変えることができます。 文字列 S が与えられます。 S を回文にするために必要なハグの最小回数を答えてくだ…

Laravel + Vueのプロジェクトをgithubからherokuにデプロイしたので備忘録(S3も)

目次 目次 はじめに 条件 流れ herokuでプロジェクトの作成 githubとの連携 PHPの国際化用拡張モジュール(intl)の使用とHTTPSの強制 herokuの環境設定 自分のデータベースのURLの情報を確認して、設定 s3を使用する場合の設定(**は独自で設定) サイト運営…

Laravelにtailwindcssを導入する

tailwindcssの導入 インストール $ npm install tailwindcss resources > sass > app.scssに追記 @tailwind base; @tailwind components; @tailwind utilities; config作成 $ npx tailwind init webpack.mix.js const mix = require('laravel-mix'); const t…

LaravelでAPI開発している際にCORSのエラーが出た時の対処法

CORSの設定ができるライブラリがあるのでそれを入れる $ composer require barryvdh/laravel-cors app/Http/Kernel.phpに以下を追加

Laravel5.8でJWTインストール時のautoload_real.phpがNo such file or directoryエラー対処法

はじめに Laravel5.8でjwtをインストールする際に詰まったので対応内容のメモ これまでの流れ 1 jwtをインストール 2 carbonの依存関係問題でエラーが出るので、composer.jsonを修正する 3 改めてjwtをインストールした結果、「autoload_real.phpがないよ」…

No 'Access-Control-Allow-Origin' header is present on the requested resource.の対処法

はじめに 色々あって、Vue.js+Nuxt.js + Laravelで何か作ろうと思う— kmmk@Vue.jsの鬼になるマン (@kami_tsukai) October 4, 2019 少し前にこのようなツイートをして、時間のあるときにAPIサーバーをLaravel、フロント側をNuxt.jsで書いています。 Laravel…

[Nuxt.js] headタグはどこにあるのか

はじめに 今回は、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の導入

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

Vue.jsで複数のCheckboxを扱う

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

モックAPIで作成した409エラー時のjsonファイルをaxiosで取得する

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

stubcellを使ってhttpモックサーバーを作る

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

画面遷移時に遷移先にクエリを渡す [Vue.js]

目次 目次 はじめに 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>

期限が10日以内の値を赤く表示する [Vue.js]

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

プルダウンメニューの処理(昇順・降順)と親子間のデータの受け渡し($emit)

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

配列を昇順に並び替えるロジック[JS]

はじめに 現在、プルダウンメニューで呼び出した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…

vue-routerで同時に複数のviewを表示させる時の注意点

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

axiosでpost送信されなかった[備忘録]

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

axiosを使用してビットコイン情報を画面に表示してみた

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

Vue.jsでToDoアプリ作って詰まったとこ

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>…

slackAPIを使ってフォームから取得した内容をBotに発言させてみた

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

Dao + h2 + JDBCでDB接続する

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

Gradle + h2のインメモリDB接続の設定

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

Spring bootにBootstrapを導入してみた備忘録

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

JPAによるDB接続について

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

Spring-bootのよく使うTips [Mac]

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

@PostConstructで入れたダミーデータをviewに表示する

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