はてなブックマーク

今回はJavaのコーディングスタイルに関する話題です。 スタイルにはいろんな考え方がありますが、本エントリでは「読むときのことを考える」という原則に従ったスタイルを考えて行きます。 「プログラムは書いている時間よりも読まれている時間の方がずっと長い」とFacebookの中の人が言ったとか言わないとか。また「昨日の自分は他人」とも言いますね。たとえ自分が書いたプログラムでも、後から読み返してみると「何でこんなコーディングしてるんだろ・・・」と思うことは良くあります。自分も含めた将来の読み手に対し、適切な情報を与えることで読みやすいプログラムを書くように心がける必要があるでしょう。 考え方の基本は「読み手に課す前提を減らす」 「読み手に課す前提」とは何でしょうか。それは、ある箇所のコードを読んでいるときに考慮しなければならない事柄を減らす、ということです。 次のコードを見て下さい。 publi

本エントリでは近代的なWebアプリケーションでは欠かせないWebSocketをJavaEEで実現する方法を説明します。 前段・WebSocketはなぜ生まれたか 伝統的なWebアプリケーションは、HTTPというプロトコルで成立していました。HTTPとは単純なリクエスト・レスポンスモデルであり「クライアントであるWebブラウザがWebサーバに対してリクエストを投げ、返って来たレスポンスを処理する」というモデルで成り立っていました。あくまでクライアントが処理の起点となっているのです。 一方、Webアプリケーションであっても「サーバ側で起きた何らかの出来事を、Webブラウザに通知したい」というニーズは常にありました。これを「サーバプッシュ」と言います。これまで、HTTPを使って擬似的なサーバプッシュを実現するために技術者は様々な工夫を凝らしてきました。しかしやはり、リクエスト・レスポンスモデルの

JPAを深掘りするシリーズの応用編です。 前回はCriteria APIの基本と利点をご紹介しました。今回はCriteria APIの実戦的な機能をいろいろとご紹介します。 準備・エンティティクラスとメタモデルクラスのサンプル 次のようなエンティティクラスとメタモデルクラスが存在することを前提に進めていきます。 まずはUserエンティティクラスです。 package sandbox.entity; import javax.persistence.Column; import javax.persistence.Embedded; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.GenerationType; import javax.per

最近のWebアプリケーションはRESTインターフェイスによるAPIを備えることが多くなってきました。 APIはWebアプリケーションの用途を大きく広げる重要な要素であり、また、これをシンプルなインターフェイスであるREST形式で提供することは、より APIを利用しやすくするための重要な手法となっています。 本エントリではJavaEEでRESTインターフェイスを提供するための仕様であるJAX-RSをご紹介します。 JAX-RSとは 前述のように、RESTによるAPI提供の重要性は増すばかりです。JavaEEにおいても、JavaEE6からRESTインターフェイスを開発するための仕様であるJAX-RSが提供されるようになりました。 JAX-RSの特徴として、アノテーションを使ったシンプルな開発スタイルが挙げられます。まずは基本的な使い方を見てみましょう。 最小のサンプル それではJAX-RSの最

JavaEEだけでここまで出来る！GlassFish+Eclipseで高速Webアプリ開発【環境構築編】 JavaでのWeb開発と言えばSpringMVC+Hibernate(MyBatis)辺りが人気の組み合わせでしょうか。他にもWicket、Struts、PlayFrameworkなど様々なフレームワークが実用されています。 そんな中、標準仕様であるJavaEEは人気が今ひとつな気がしますね。仕様が重い、動作が重い、などの悪印象があるのがその原因かもしれません。 しかし実は相当に開発しやすくなっているんです。 このエントリでは、JavaEEを活用してWebアプリを高速開発する手順を２回に分けてご紹介します。 このエントリのゴール 簡単にJavaEE開発環境を構築する手順を説明します【今回はこちらの手順をご紹介】 JavaEEを使ったRDBにアクセスする簡単なサンプルを作成する手順を説明

本エントリではJavaEEの中でも屈指の便利機能、CDI（Contexts and Dependency Injection）を紹介します。 なお、本エントリではJavaEE7に搭載されているCDI1.1を前提とします。JavaEE6はCDI1.0となり、本エントリのコードに一部動作しなくなる箇所がありますのでご注意ください。 CDIとは CDIとは、JavaEE6から採用された、JavaEEにおけるDI機能のことです。DIについての詳しいことはこちらのエントリをご覧いただくとして、本エントリではCDIの特筆すべき機能に焦点を当てることにします。 CDIの真髄・スコープ管理 CDIの真髄はインスタンスの存命期間、すなわちスコープを管理してくれることです。 Webアプリケーションを作っていると「このオブジェクトの持つ情報をしばらくの間保持したままにしておきたい」と思うことがあります。例えば次

みなさんこんにちは。 今日はElasticBeansTalkを起動します。 下の説明に沿って流れるように超速で起動しましょう。 マネジメントコンソールよりElasticBeansTalkを選択 ElasticBeansTalk画面 プラットフォームを問われるので適当にphpを選択。 下の今すぐ起動をクリック。 “今すぐ作成しましょう”をクリック 。 “ウェブサーバーの作成”をクリック。 プラットフォームをphpと選択。※お好みで 環境タイプは単一インスタンス及び負荷分散、AutoScalingを選択。 次へをクリック。 ※負荷分散、AutoScalingとはElasticBeansTalkでアプリケーションを生成するとEC2インスタンスが立ち上がります。 そのインスタンスに負荷がかかると別のインスタンスを自動的に立ち上げてそちらへ流してくれます。 平たく言えばサーバーダウンしそうになるとサ

今回のエントリでは、最近注目を浴びているJavaScriptライブラリ「React」を取り上げます。 Reactとは Reactはブラウザで動作するWebアプリケーションのUI（ユーザインターフェイス）を担当するJavaScriptライブラリです。DOM操作を通して画面の見た目を変えることに特化しています。 Reactの重要な特徴は３つあります。 JSXによるDOM操作の隠蔽 本来DOM操作は面倒で誤りやすいプログラムを書く必要があのですが、Reactは、JSXというJavaScriptを拡張した言語を提供することで、面倒なDOM操作をプログラマから隠してくれます。 その代わりJSXをJavaScriptに変換するという開発上の手間が必要ですが、JSXはこの手間を上回る利便性を提供してくれます。 一方向データバインディング Reactでは「データ」→「画面（HTML）」という方向でしかデー

イメージに合う画像があるけどレイアウトのサイズに合わない。トリミング出来そうにもない。文字を入れるスペースが無い。お客様からもらった画像が小さい。 そんなちょっと足りない経験をしたことありませんか？ そんな時の対処法を今回はお教えします。 キャンパスサイズを変える 基本のおさらい まずはイメージから「カンバスサイズを調整」を開く。（ショートカットで カンバスサイズ変更は「Cmd＋Opt＋C」） 今回は現在のサイズに幅を広げたいから幅を100mm追加。現在の大きさを基準にしたい場合は相対にチェックをいれる。基準位置を選択することで伸ばしたい方向を指定することができます。カンバス拡張カラーは拡張した部分の色を選べるのです。今回は説明がわかりやすいよう白を選択しましたが、こういう背景が黒の画像なら、拡張色に黒を選べばそれで画像加工が終わる時もあります。 OKをクリックすると。幅が広がりました。右

あけましておめでとうございます。新年みなさまどのようにお過ごしでしょうか？ さて、今回は Google Fonts をウェブフォントとして使う、ではなく Google Fonts を PC にインストールしてイラレやフォトショから使う方法です。 Google Fonts というと、無料で商用利用もできるウェブフォントで、使いたいフォントを探して HTML のメタに URL を貼り付けて、font-family から読み出すというのが本来の使い方。 これだけではなくそのフォントを自分の PC にインストールすることも出来るので、ロゴを作るデザイナーさんにとってもありがたいサービスなんです。 「なんだって！？オイラはいつでも明朝体で勝負でぇ！」という粋な日本男児は読み飛ばしてください。 さて、早速 Google Fonts からイケてるフォントをダウンロードする手順をば どのフォントでもいいで

みなさんこんにちは、masa です。今日は最近の Java アプリケーションサーバー事情について取り上げます。 あまり流行り廃りの激しくない Java サーバーですが、 Spring Boot  RC版で Tomcat のほかに Jetty や Undertow が選択できることを知り、改めて最近の Java アプリケーションサーバーのトレンドを調べてみたくなった次第です。 Google トレンドの結果は以下の通り 2015年 2010年 Tomcat がダントツなのは昔から変わりませんが、変化としては Jetty がこの5年で上げてきているところが気になります。 各アプリケーションサーバーの特徴をオープンソース、オラクル、レッドハット、IBM 系にわけてまとめてみました。※()内は正式名称 Tomcat (Apache Tomcat) 　オープンソース 1999年誕生。なんだかんだと10

みなさんこんにちは、masa です。今日はイラストレーターネタです。みなさんはイラレで円を分割する処理って、どんな方法でやっていますか？ さて早速ですが Illustrator を起動して新規アートボードを作成します。 （例は 300px × 300px） 「楕円形ツール」で真円を描きます。 次は「ペンツール」を使って円の中心から外へ1本線を引きます。 続いて、先ほど描いた1本線を「選択ツール」で選択状態にし、「回転ツール」をクリックします 回転ツールを選択した状態で、「Alt」を押しながら円の中心をクリックすると、回転ツールのダイアログがでます 「角度」にお好きな角度を入れてください。例えば40度にすると「360度÷40度」で9等分の円を作ることができます。その後「コピー」を選択します。 下の図のように40度傾いた線が追加されます。そのまま「Ctrl + D」を7回繰り返します。 すると

みなさんこんにちは、masa です。今日は UIテストツール Selenium Builder（セレニウムビルダー） の使い方をご紹介します。Web アプリケーションの会員ログインのテストやお問い合わせフォームの入力・送信テストなどを毎回手動で行うのは大変ですよね。 ※2015年5月現在の最新版「Firefox 38.0.1」だと Selenium のエクスポートができないようです。もしお使いの FireFox が最新版である場合は、「FireFox Portable版37.02」で Selenium Builder をお試しください。 Selenium Builder とは 以前の Selenium IDE の後継にあたる FireFox 用プラグインソフトです。例えばお問い合わせフォームの機能をテストしたいとします。 名前を入力 メールアドレスを入力 電話番号を入力 都道府県を選択 住

みなさんこんにちは、masa です。今日は、前々から書きたいと思っていた Java の O/Rマッパーネタの中で、MyBatis Generator の使い方をご紹介します。 最近は『Spring MVC + MyBatis』という IT研修をやっている会社もあるみたいですね。MyBatis は他の O/Rマッパーと違い、オブジェクトと SQL をマッピングしますので、DB の環境に依存することなく SQL の実行を完全に制御したいときにオススメです。 しかし、最初にマッパーやエンティティクラスなどを自分で書くのは非常にしんどいです。そんなとき、手っ取り早く使えるようにファイルを自動生成してくれるのが MyBatis Genarator です。とりあえずこれを使って、あとからファイルをカスタマイズして覚えていくのが良いと思います。 今回は Maven 経由で MyBatis を入れます。

みなさんは Webアプリケーション上のエディタって使っていますか？今日は Excel ライクなエディタ『Handsontable （ハンズオンテーブル）』をご紹介します。jQuery プラグインなので導入も簡単ですよ！ まずは Handsontable 公式デモを 開いてみてください。エクセルのような表がありますので、セルをクリックするとリアルタイムに編集できます。例えばこれでエクセルを読み込み、Ajax で通信すれば、Webアプリケーション内でユーザーにリアルタイム編集させることも出来ちゃうわけです。すごい！ jQuery プラグイン Handsontable の導入方法 まずは GitHub から 『handsontable.full.js』と『handsontable.full.css』をダウンロードします。次に、使いたい html ファイルのヘッダで上記二つのファイルを読み込みます

みなさんはローカル開発環境でエディタは何を使っていますか？私は Java の場合は Eclipse で、PHP の場合は『Sublime Text2/3』を使っています。 Sublime Text を選んだ理由は4つ 右のミニマップが便利 動作が軽い vim 化が簡単 GUI のデザインがイケてる PHP みたいにコンパイルが必要ない言語は、サーバー上で vim を使ってちゃちゃっと書いちゃってもいいんですが、案件によってはサーバーにログイン出来ないこともあるしねー 今日はそんな Sublime Text で PHP を書いた後にそのまま実行して結果をコンソールに出す方法をご紹介。 1.　何はともあれ PC に PHP をインストールする PHP5.6 ダウンロードサイト へアクセスして、32bit版 or 64bit版をお使いの PC の環境に合わせてダウンロード Zip ファイルをダウ

みなさん今年はイイコトありましたか？さて、前々回のテーマ FuelPHP フレームワークをインストール に続いて、今回はその使い方を見ていきます。 まだ FuelPHP が入っていない人は上記ブログを見てインストールしてみてね。 前回インストールした段階でアクセスすると、以下のように Welcome! 画面が出ました。 では、今回は /index.php/welcome/hello にアクセスしてみてください。次の画面が出るはずです。 みんな大好き Hello, World !  まず FuelPHP のこの仕組みを理解する必要がありますので見ていきましょう。 まず、ドキュメントルートにアクセスした際、Welcome! ページが出たカラクリは以下のファイルにあります。 (/usr/local/hogeblog/fuel/app/config/routes.php ) <?php retur

先月、『AWS認定ソリューションアーキテクト アソシエイトレベル』を受験し、 ギリギリ受かりましたｗ これが認定証↓ 総合スコア: 67% トピックレベルのスコア: 1.0 高可用性、コスト効率、耐障害性、スケーラブルなシステムの設計: 66% 2.0 実装/デプロイ: 70% 3.0 セキュリティ: 75% 4.0 トラブルシューティング: 50% この試験、合格ラインは65%なので、スレスレのラインで合格だったわけです。今までEC2しか使ったことがない人間が、1ヵ月半の勉強で到達できたスコアと考えれば妥当なのか( ﾟДﾟ) おそらくこの記事を見てくださってる方はAWS試験に興味がある、もしくは受けようとされていると思うので、簡単ではありますが、試験に合格するポイントを書きたいと思います。（出た問題とか書くと怒られちゃうのであくまでポイントだけ） AWS認定ソリューションアーキテクト　ア