APIのPOST処理を実行 前回は以下の記事のように、RailsでAPIを使用してGET処理を行いました。 ti-tomo-knowledge.hatenablog.com今回はPOST処理の方を行い、データの保存まで行いたいと思います。 最終的に実行したいAPIコマンドは以下になります。 curl -X …
APIモードでアプリを作成 前回の内容 ti-tomo-knowledge.hatenablog.com前回Railsをセットアップして起動させるところまで進めましたが、今回は主にAPI用でRailsを使いたいので、GET処理をするAPIを作ってみたいと思います。(POST処理は次回) 今回は再度API…
ZipArchiveクラスが見つからないよエラー wordpressのプラグインで、WP All Exportを使用した時、以下のエラーメッセージが画面の上に表示されて困った人はいませんか？ ZipArchiveクラスがサーバで見つかりません。 Webホスティングプロバイダーにお問い合…
環境構築も爆速に！ 開発効率に定評のあるRailsですが、環境構築も爆速にできてしまう点に特徴があります。 今回はMacでの説明になりますが、一気にやってしまいましょう！インストールでは、Rubyのバージョンを管理するためにrbenvと、rbenvのプラグインでr…
Nuxt.jsとは？ Nuxt.jsとは、Vueアプリケーションを作成するフレームワークです。 通常のVue.jsの開発で頻繁に使用する以下の機能を最初から含んでいます。・Vue 2 ・Vue Router ・Vuex ・Vue Server Renderer ・vue-metaなんと言っても「Vue Server Rendere…
SpringBoot + EC2の構成で、メール送信エラーが頻発 SpringBoot + EC2のアプリケーションでメルマガ機能を作成していましたが、どうにもメール送信が途中で止まってしまうということで、ログを確認すると以下のようなエラーログが頻発していました。 要はタ…
先頭だけ大文字に MySQLのあるカラムについてアルファベットなどが登録されている場合に、先頭だけ大文字に変換して取得する方法です。 例えば英単語を保存しているカラムからデータを取得したい場合など、使う場面はまぁまぁあると思います。 UPPERとLOWER…
メールサーバの容量チェック 以前会社でさくらのメールサーバを運用していた時、1人で大量に容量を使いすぎないように、定期的にチェックして容量が大きい人は容量を空けてもらう依頼を出していた時がありました。 毎日目視でチェックするのはしんどかったの…
新技術が飛び交うエンジニア業界 Webの業界はとにかく進化が早く、エンジニア業界も次々と新しい技術が出てきますね。 私は情報収集をする場合に気をつけていることとして、ただひたすら数多く情報をインプットするということは避けるようにしています。触り…
storeの変更を検知したいパターン Vue.jsでは状態を管理するのに便利なVuexのstoreですが、storeの値が変更されたタイミングでイベントを実行したくなる場面はありませんか？例えば別なコンポーネントで、非同期で値を取得するAPIを実行し、その結果をstore…
Spring Bootのバリデーション Spring Bootでは、フォームやエンティティクラスにおいて、アノテーションによる入力値チェックが可能なことはご存知でしょう。一応このブログ内でもフォームのバリデーションについては記しているので参考までにSpring BootでB…
はてなブログのAMPページ はてなブログでは、有料アカウントであるPROになるとページをAMPに対応させることができます。 AMPページは高速にページを表示することが可能で、ユーザにとってすぐに情報を見れるような仕組みでありSEOにも効果がある(対応しない…
開発環境でのSpring Bootの実行 でも記載している通り、Spring Bootは開発環境だとIDEなどで簡単に設定することが可能です。 ちょっとの設定でいつでも停止や実行ができるので楽ですよね。 ブレークポイントで止めながらデバッグをしたい場合にも便利です。…
画像アップロード時には最大ファイルサイズが存在する ファイルアップでは、サーバにファイルを保存するわけですが、ファイルサイズに上限はあります。 アプリによっては容量の大きなファイルをアップロードする場面もありますので、その上限が小さいと不都…
object-fit 画像を綺麗にトリミングしてくれるcssのプロパティにobject-fitがありますよね。 大きさが均一ではない多くの画像を扱うサービスでは非常に有用なプロパティです。 そんなobject-fitですが、全てのブラウザに対応できていないことが欠点ですね。I…
今回は技術のお話ではありません！ いつもは技術的なことをたらたらと記事にしているのですが、今回は技術のお話ではありません。 今回は私の過去のSIer時代の業務内容について、また、SIerを退職した話を書きたいと思います。なぜ過去の話を書きたくなった…
Tomcatのデフォルトのログ設定 タイトルの通りですが、今回はTomcatのログファイルに関する設定についてです。 Tomcatはデフォルトの設定のままでは多くのログファイルを出力します。 ただ、中には運用上不要なものが多く、ログを出しっぱなしだとファイル数…
リバースプロキシを設定している場合でも、サーバを停止させずに更新できる 以前以下の記事で、Nginxでリバースプロキシの設定をしている場合、一度リバースプロキシの設定箇所をコメントアウトする方法を書きましたが、ti-tomo-knowledge.hatenablog.comコ…
出力ファイルは極力圧縮したい Webサービスにおいて、コンテンツ内容や機能面の充実度が重要であることは言うまでもありませんが、ページのパフォーマンスも重要ですよね。 当然遅いより早い方が良いに決まっています。今回はパフォーマンス改善策の1つであ…
RepositoryにSQLを直接記入 Spring Data JPAでORマッパーでは書けないようなSQLを実行したい場合、Repositoryに直接構文を書きますよね。 そんな時、パラメータで変数の値を渡したい時はコロンで変数を指定しますよね。 例えば以下のidのように @Query(value…
Spring Data JPAでのOrderBy Spring Data JPAでエンティティクラスにfindして複数のレコードを取得する場合、OrderByをつければ並び順を変更できることはご存知でしょうか？ findByNameOrderById(Spring name) などとすれば、nameで絞り込んだ上で、idの降順…
Vue.jsでの分岐やループ処理 Vue.jsでは分岐やループ処理で、動的にタグを描画したい場面がありますよね。 例えばリストを動的に増やしたい時は、liタグにv-forを付与したり、ある文言が特定の条件を満たした時のみ表示させる場合はpタグにv-ifを付けたりな…
アプリケーション開発でのSQLログ アプリケーションの開発をしている時、実行されたSQLのログを参照したい場面がありますよね。 想定外のSQLが実行されていないか確認したり、ボトルネックとなっているSQLを確認したりなど。 Spring BootではそのようなSQLの…
URLの#(シャープ) Vue-cliでvue.jsのセットアップを行った時、開発環境のURLを叩くと後ろに#(シャープ)が付いてしまいます。http://localhost:8080と入力しても、http://localhost:8080/#/ となってしまいます。これはhashモードという状態で付くものであり…
Entityオブジェクトのクローン SpringBootで機能の実装をしている中で、Entityオブジェクトのクローンを作りたくなることはありませんか？例えばコピー機能などを想像してみてください。 いちいちオブジェクトをnewして、同じ値を全てsetして保存する...そん…
ローカルjarファイルはどんな時に使う？ 普段SpringBootで外部ライブラリを使う時、Mavenの設定ファイルであるpom.xmlを使う人が多いのではないでしょうか。Mavenのリポジトリにあり、誰でもインストールして使えるライブラリだとそのやり方で問題ないのです…
ビットコインを始めとした仮想通貨の登場により、名前を聞くことが多くなったブロックチェーン。 ブロックとは？チェーンとは？果たしてこれはどんな仕組みで動いているのでしょう？ そして従来までのサーバ管理システムに比べて、どんなメリットがあるので…
formのイベントをエンターで発火 Webサービスにおいて、入力した値を処理するためにformタグを使うことは多いでしょう。 <form> <input type="text"> <button>送信</button> </form> 基本的に上記のような構造で、buttonをクリックすることでイベントを発火させることになりますが、上記の構造の場合はinputタ…
XSSについて このページを閲覧している方ならご存知とは思いますが、まずはXSSについて超簡単に説明します。この事象は入力フォームがある画面が狙われるものですが、Javascriptのタグを攻撃者によって画面上に埋め込まれ、ユーザ情報やcookieのセッションが…
CSRF対策について CSRFとは？ このページに来られた方ならもう理解している方も多いとは思いますが、CSRFについて簡単に説明します。 CSRFはリクエスト強要(CSRF：Cross-site Request Forgery)という意味で、クロスサイト(Cross-site)の名の通り、正規のサイ…
