はてなブックマーク

はじめに プロジェクトをKotlin+Springでリライトしようと思い、JPAにおける値オブジェクトの表現について考えてみました。 まだKotlin歴が浅く、コード上おかしなところがあるかもしれませんがご容赦下さいm(_ _)m JPAと値オブジェクト JPAで値オブジェクトを永続化する方法は、おそらく大きく分けると以下のいずれかになると思います。 EmbeddableとAttributeOverrideを使う AttributeConverterを使う ElementCollectionを使う Entityと代理識別子を使う 1. EmbeddableとAttributeOverrideを使う 一つ目の方法は、@Embeddableと@AttributeOverrideを使って値クラスを埋め込む方法です。 JPAでIdクラスを値オブジェクト化して主キーに使う方法はおそらくこの方法のみで

はじめに 多くのソーシャルゲームでガチャが実装されていますが、サーバ側で確率を操作されているのではないか、といった疑念を抱く方は多いと思います。 プログラムのバグによって、ユーザごとに異なる確率を誤って表示してしまったゲームでは、多くの批判が集まっていました。 仮にガチャのシステムを含めてすべてのソースコードを開示したとしても、サーバ上で動くソースコードと一致しているか検証することは困難ですから、利用者の信用を得る根本解決にはならないと思います。 そこで、利用者が、ガチャの確率が改ざんされていないことを検証可能である仕組みを考えてみました。 ハッシュ関数を利用することで、以下を実現します。 利用者が、ガチャの終了後に確率が不正に操作されていないことを検証できる。 利用者は、どのようなアイテムが出るのか、推測することができない。 運用の流れ ユーザには、ユーザごとに異なるユーザIDを割り当て

リニューアルした日経電子版が高速すぎてヤバイ件 皆さんお読みになりましたか？ 社内では**Fastlyすごーい！！！**って話が大きく感じましたが フロントに関係しそうな最後の方に出てくるWebPについてちょっとまとめてみました。 WebPについて 【WebP画像形式とは】 米Googleが開発している静止画フォーマット。 ウェッピーって読むらしいですよ。可愛いですよね。 ファイルの拡張子は .webp 採用することでWebサイトの表示速度短縮やトラフィック量の節約が期待できます。 PNG/GIF/JPEG画像形式と比べてのメリット JPEGと比較してファイルサイズが25-34％小さくなる（非可逆圧縮モード） PNGと比較してファイルサイズが28％小さくなる（可逆圧縮モード） JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える エンコードは PNG よりも時間がかかるけど、デコー

var riot = require("riot") class Header extends riot.Tag { constructor(el) { console.log(el) super({ tmpl: Header.template() }, { root: el }) this.msg = 'hello' } bye() { this.msg = 'goodbye' } static template() { return require("../tmpl/header.html") } } module.exports = function(el){ console.log("header factory called") return new Header(el) } var riot = require("riot") var TopModule = require("

ansible_localって何？ ansible_localはVagrantのプロビジョナと呼ばれるものです。 プロビジョナはvagrant upの際にソフトウェアのインストールや設定変更を実施出来るように手助けしてくれる機能を持つものですが、ansible_localはゲストOSにAnsibleをインストールしてくれます。1 参考：【Vagrantドキュメント意訳】09.プロビジョニング - Qiita どう便利なの？ 事前に必要なファイルを準備しておけば、Vagrant upしただけで、Ansibleがインストールされた仮想マシンが出来上がります。 必要なファイルは最低1つ。お手軽です。2 検証環境 Windows 7 professional (64bit) Vagrant 1.9.4 インストール済 VirtualBox 5.1.22 インストール済 ゲストOSはCentOS 6

体感しよう HTTP vs HTTPS Test このサイトでは、360個の画像ファイルを TSLなしの HTTP/1.1で読み込んだときと、 HTTP/2 で読み込んだ時のパフォーマンスの違いを試すことが出来ます。 HTTP/1.1 では読み込みが同時接続の制限によってブロックされ、全ての画像ファイルを読み込むのに時間がかかっているのが分かります。 一方、HTTP/2 では同時接続の制限がないため、多数の画像ファイルを高速で読み込むことが出来ます。 何でもかんでも変えればいいって話じゃない HTTP/2 は HTTP/1.1 に比べ利点が多く見えるので 「全部 HTTP/2 化しちゃえばいいじゃん！！」ヽ(｀▽´)/ と思われるかもしれません。 ですが、全てのサイトでただ導入すればサイトスピードが上がるのかと言われるとそうではないです。 効力が期待できないサイトというのもあります。 例え

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング　-久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソース

追記 リニューアルしました！ React + Redux + TypeScript でモダンなwebアプリを作るチュートリアルを考えてみた① 対象 Reactの概念をなんとなく理解したので、実際に簡単なアプリを作ってみたい方 Reactの日本語チュートリアルがなくなって困っている方 関連 Reactの環境構築を最短で行う 【React】ToDoアプリを作ってみよう【前編】←ここ 【React】ToDoアプリを作ってみよう【後編】 【React】ToDoアプリを発展させよう【非同期処理】 目標 Reactで画像のようなToDoアプリを作ります。 今回はTodoを表示させるところまで実装してみましょう。 見本：GitHub 手順 環境構築 Reactの環境構築を最短で行う package.jsonがあるディレクトリ（アプリ名のディレクトリ）でnpm startを実行することでアプリが起動します

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに SringBootで新規開発（立ち上げ）することが多いのですが、その際、なんだっけっで検索すると以前参考にしたサイトがヒット＆思い出して、あーそうそう、ということの繰り返しが多いこと多いこと。ということで困ったときによく参考にするサイトをまとめてみました。主に個人的リンク集(汗)。随時更新していきます。 SpringBoot全般 【SpringBoot公式サイト】 http://docs.spring.io/spring-boot/docs/current-SNAPSHOT/reference/htmlsingle/ 【Spr

とあるお知り合いからGoogle検索からホームページにアクセスすると、真っ白で何も表示されないというご相談を頂来ました。 調査の結果、ハッキングされたようで謎のコードが埋まっていました、発見するまでの流れを紹介します。 環境 Wordpress バージョン WordPress 4.1.17 一般的なレンタルサーバ ftp接続（ssh/sftpはたぶん使っていない） wpのパスワードはランダムでした（fail2banも搭載済み） 詳細な事象 googleの検索結果からサイトにアクセスすると真っ白なページ 私の環境だと再現しないことがある 再現した場合は、レスポンスが空、ステータスは200 URL直打ちでアクセスすると表示される どうやら、検索結果から流入したときのみらしい 原因の特定 相談頂いた時間がちょうど深夜で、アクセス数も少なかったためそのまま対応させてもらえることになりました。 （※

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

なんと、お問い合わせフォームやメール送信フォームはパパッと簡単に作れてしまいます。難しいのは、サーバー側での処理ですが、今回はいくつかの記事に分けて細かく詳しく説明していきます(>ω<) この記事では、htmlでメールフォームを作る時に使われるformタグ、inputタグ、selectタグ、textareaタグについて説明します。 実は、facebookのログイン画面やTwitterのアカウント登録画面、アンケートなどで入力するフォームもhtmlのformを使って記述されています。一度覚えてしまえば何かと使えそうですね！ 基本要素「formタグ」と「action属性」「method属性」 htmlでメールフォームを作るには、formタグを使います。 formタグにはaction属性とmethod属性を指定してあげることが必要です。 formタグ 入力フォームや送信フォームを表示させたい時に

はじめに Ubuntu環境をVirtualBox+Vagrantで環境構築する手順を記します。 CentOS7環境構築手順についてはこちらを参照 http://qiita.com/mikoski01/items/c3984901c22a7736d726 構築手順 ではさっそく、VirtualBox+Vagrantで構築していきます。 1. VirtualBoxのインストール VitualBoxを既にインストールしている場合は読み飛ばしてください。 VitualBox本家サイトからWindows版をダウンロードしインストールします。 2. Vagrantのインストール Vagrantを既にインストールしている場合は読み飛ばしてください。 Vagrant本家サイトからWindows版をダウンロードしインストールします。 3. Vagrantのプロキシの設定 プロキシを介してVagrantを使う

はじめに この記事では、1バイト = 8ビットとします。 CRCとは CRCは巡回冗長検査(Cyclic Redundancy Check)とも呼ばれ、データの破損を検出するためのチェックディジットの一種です。 基本的には、以下の手順で計算できます。 計算に使用するマジックナンバーを決める CRCの値を格納する変数を0で初期化する データのバイト列(ビット列)をCRCの値に下から順番にシフトし、流し込んでいく シフトしたときに上からあふれたのが1ならCRCの値にマジックナンバーをXORし、0ならXORしない 参考 : ContentsCRC 巡回冗長検査 - Wikipedia 初期化直後の状態 CRCの値 データ(ASCIIで「IEND」) +---------------+---------------+ +---------------+---------------+-------

お正月なので何か挑戦したいと思い Vue.js と サーバレスアーキテクチャを使った SSR 構成に挑戦してみました。 構想 Vue.js の SPA(SSR対応版)を サーバレスアーキテクチャで組み上げます。 基本となるSPAサイト(主にJSやCSS)はS3経由で、SSR 的なサーバサイドの描画が必要な箇所は、Serverless Frameworkを使用して Lambda + ApiGateway で構築します。 SSR的なHTML配信と静的なAssets配信は同じオリジンで行いたいので最終的には CloudFrontで両者をマージします。 普通にVue.jsでSPAを作る まずは兎にも角にも普通に Vue.js でSPAを作って行きます。 Vue.js の開発は Vue CLI を使えば高速に始められます。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

社内では去年までSVNで管理しておりGitを利用するには外のサービスを利用していました。 これじゃダメだと思い今年の春頃からGitLabを導入して運用しています。 導入する際のあれこれの決め事が面倒だったりトライアンドエラーを繰り返して何とか問題なく運用できるところまで来ました。 GitLabをこれから導入する人に役に立てばと思います。 はじめに やりたいこと システム管理者の負荷を軽減するため、リポジトリ作成はシステム管理者ではなくPJ案件管理者(PM)に作成してもらいたい。 リポジトリの削除は基本禁止。 GitHubフローで管理したい。 Groupについて GitLabにはリポジトリをグルーピングすることができます。 グループを案件(PJ)単位で作成し、案件で開発する・保守するシステムをリポジトリで管理します。 権限について 上記のやりたいことを満たすため、下記のように権限を付与します

大まかな移行の流れ コンテナのイメージバックアップ取得（移行元） データボリュームのバックアップ取得（移行元） コンテナのイメージバックを復元（移行先） データボリュームのバックアップを復元（移行先） コンテナのイメージバックアップを何故とるのか。 本来であればコンテナのイメージバックアップをとるような仕組みはよろしくない。バックアップを必要とすることはあってはならない。docker-composeファイルやDockerfileですべて完結されるべきでファイルさえあれば常に同じ環境が構築（他人へ再配布）できるような仕組みが良いとされている。 しかし、どうしても自動化できない設定をするケースがある。（例えばRedmineのBacklogsプラグイン等） もしくは、Dockerが良く理解していない他人が、見ていないところで勝手にコンテナにアクセスしてyumで何か追加インストールしたりもあり得る

EC CUBE3 が Heroku Button に対応しました。 公式のリポジトリにあるHeroku Button から簡単にEC CUBE3を立ち上げて動作を確認することが可能です。 管理画面についても admin / password でログインして簡単に入ることが出来るようになっています。 当然ですが、このまま本番運用するのはめちゃくちゃ危険なので、パット見た感じで気になった点などをまとめておきます。 実際に Heroku でEC CUBE を運用する際の参考にしてもらえれば… 管理画面のUSERのID/PASSWORDを変更する 管理USERのID/PASSWORDは デフォルトで admin/password になっており、非常に危険です。 テスト環境とはいえ、メール送信等の機能が有効になっていれば不正に利用される可能性もあるため、必ずこれは変更しておくほうがいいでしょう。 管

はじめに Qiita Advent Calendar 2015ってのを最近知って、書きたいなあって思ったけどそもそもQiita投稿したことねえわってなったので、まずは初投稿してみました。来年はAdvent Calendar書きたい！ というわけで内容は画像処理系の話です。 画像処理やってると、画像から人検出や動体検出をするのって割と誰でもやりますよね。 そのなかで検出精度を高めるには特徴量の選定が重要になってきます。 というわけで今回はHOG特徴量を実際に抽出してみます。 ちなみに 今回は画像の類似度の精度については省略しました。 あくまで特徴量の抽出するところまでをカバーしています。 HOG特徴量とは そもそもHOG特徴量ってなんやねん！って方も多いと思うので、まずは説明を。 HOG(Histograms of Oriented Gradients)とは局所領域 (セル) の輝度の勾配方

概要 Raspberry PiでUSBモデム挿入時にSORACOMへ自動接続する を踏襲する形で、AK-020を使って起動時、またはAK-020挿入時に自動的にSORACOMに繋がるようにします。 Raspbian wheezyのusb_modeswitch(1系)には--std-ejectオプションが無いのでusb_modeswitchは使わず、ejectとmodprobeを使ってmodemデバイスとして認識させます。 Raspbian Jessieのusb_modeswitch(2系)では--std-ejectオプションが使えるようになっています。 参考サイトを見ながらなるべく最小の設定になるようにまとめたつもりです。udevやwvdialの細かい記述やオプションは把握できていない部分があります。 パッケージのインストール

Herokuで　Redis / Postgres を運用していると、定期的にメンテナンスを求められることがあるのでそのあたりのメモ。 メンテナンスの影響について メンテナンスは大抵元と変わりなく動作することが多いが、メンテナンスの前後で以下のような現象が生じることがある。 DB/Redis の接続情報が変わることがある？ DBについてはバックアップのスケジューラ設定が飛ぶことがある？ まれに…というレベルのものなので、障害なのか、どうなのかわからないが、接続情報に関しては変わった瞬間障害になるレベルなので、しっかり環境変数からパースするようにしておきたい。 スケジューラの設定について Premium以上のプランでは、メンテナンスを指定の曜日・時間で行うよう設定することが可能なので、コレを利用しておくと休日にメンテが走って…といったトラブルを未然に防ぐことが出来る模様。 Heroku Pos

var request = require('supertest'); describe("hoge",function(){ this.timeout(2000) var agent = request.agent("http://hogeapp.app/") it('send api', function (done) { agent .get('/debug') .set('Accept', 'application/json') .expect(function(res){ res.status.should.equal(404); }).end(function(err,res){ if(err){ throw err; } done(); }); }); })

use GuzzleHttp\Client; $client = new Client(); $res = $client->requestAsync($method,$url,$options)->wait(); 様々な記法が存在しているが概ね以下の様な形でまとまる。 request()による呼び出しは 内部で requestAsync()->wait() を呼び出す。 get post と言ったメソド名呼び出しは、動的にメソド名を第一引数に据えてrequest を呼び出す。 getAsync postAsync と言ったメソド名呼び出しは、動的にメソド名を第一引数に据えてrequest Asyncを呼び出す。 PSR7 によるリクエスト PSR7形式でのリクエストオブジェクトが存在する場合には sendメソドが利用できる。 use GuzzleHttp\Psr7\Request; $r

app.jsonとは...? app.jsonは Heroku 環境構成ファイルとして機能します。 今の所用途としては以下のケースが考えられます。 Heroku Button Docker で環境構築 PR でアレする。 app.jsonをベースにDockerファイルを作成するのは若干挙動がおかしかったりすることもあり、 自分でcomposeファイル書くほうが良さそう。 https://devcenter.heroku.com/articles/app-json-schema にサンプルのapp.jsonが掲載されています。 結構オプションの項目が多いので、最小構成でも全然動く。 name, description, keyword, website, repository, logo Heroku Buttonでアプリを作成する際に表示されるオプション情報。 基本的にoptionalで省