皆さん、はじめまして。本連載を担当するビーブレイクシステムズの山之内と申します。本連載ではO/Rマッピングについて検討していきます。 O/Rマッピング機能を提供してくれるフレームワーク（O/Rマッピングツール）はデータベースと連携するJavaアプリケーション開発において、既に必須となりつつありますが、O/Rマッピングツールはたくさん存在します。 しかし、各O/Rマッピングツールには特徴やクセがあり、実際の開発現場においてどのO/Rマッピングツールを導入すべきか迷っている人も多くいることでしょう。目的にあわせて適切なツールを選択しないと、思ったような効果が得られなかったり、かえって工数が増えたりする状況にもなりかねません。 そこで本連載では、代表的な3つのO/Rマッピングツール（iBATIS、Torque、Hibernate）を取り上げて、実際に各O/Rマッピングツールを利用したサンプルを作
こんにちは、デザイナーのTantanです。 Illustratorを長年使っているはずなのに、最近になって便利な機能を知って「なにこれ超便利！いままでの時間はなんだったんだ！」ってなることがあります。 先日、「アートボードを選択オブジェクトに合わせる」を知って嬉し涙を流したので、ご紹介します。 メニューの場所 その機能はメニューコマンドにあります。 メニューコマンド→オブジェクト→アートボード→選択オブジェクトに合わせる または、アートボードツールのコントロールパネルにもあります。 プリセット「カスタム」の部分を押すと出てきます。 オブジェクトウィンドウのオプションに入ってなくて、どうしてプリセットに入ってるのか、不思議でなりません。 「アートボードを再配置」とかの近くに入れといてくれたら気づいたのに、、、 伸縮する縦長webページに便利！ ページごとに長さが違う 縦長のwebページを作っ
Object.defineProperty() で、あるオブジェクトのプロパティを明示的に追加または変更することができます。代入による通常のプロパティ追加では、プロパティ列挙 (for...in ループや Object.keys() メソッドなど) に現れ、値は変更可能で、また削除も可能なプロパティが生成されます。このメソッドでは、これらの詳細事項を既定値から変えることが可能です。既定では、 Object.defineProperty() を使って追加されたプロパティは書き込み不可、列挙不可、構成不可になります。加えて、 Object.defineProperty() は内部メソッドの [[DefineOwnProperty]] を [[Set]] の代わりに使用しますので、プロパティが既に存在する場合でもセッターを呼び出しません。 プロパティの記述子は、データ記述子とアクセサー記述子の二
こんにちは。受託開発担当のMasaです。 前回 TweenJSの記事の続きで、今回はテキストのアニメーションを紹介します。 前回の予告では TweenJS を拡張した JSTween プロジェクトの TextTween を紹介すると書きましたが、コンストラクタを呼び出すだけで終わってしまうため、EaselJS + TweenJS でのテキストアニメーションを紹介することにしました。 有名なフレームワークなので説明は省略します。尚、現在の最新バージョンは v7.0 なのでこれを使用します。 とりあえず何かテキストを表示します。 canvas は必ず必要です。Stage は最上位のコンテナで、update することで子オブジェクトを描画します。 <!DOCTYPE html> <head> <script src='easeljs-0.7.0.min.js'></script> <script
説明 Matrix2Dオブジェクトの変換行列は、DisplayObjectやPointのインスタンスに適用して座標変換が加えられます。また、変換した後のプロパティ値をObjectインスタンスに納め、他の座標変換に用いることもできます。 Matrix2Dオブジェクトの変換行列でDisplayObjectインスタンスを変形したいときは、Matrix2D.decompose()メソッドの引数にインスタンスを渡して呼出します。すると、変換行列から導かれる位置や伸縮、傾斜、回転などのプロパティがObjectインスタンスに与えられます。 Matrix2Dオブジェクト.decompose(DisplayObjectインスタンス) Matrix2D.decompose()メソッドの引数は、DisplayObjectインスタンスにはかぎりません。また、引数を省くとプロパティが納められた新たなObjectイン
みんなのウェディングの高井です。 クラスベースのオブジェクト指向プログラミング言語を利用している人であれば、クラスとは、ありふれていて普段から利用するものです。にもかかわらず、良いクラスをつくるというのは、なかなかに難しいことです。 先日、みんなのウェディングでアルバイトをしてくれている学生さんのコードレビューをしていたときにも、それを強く感じました。 実践的プラグマティックには「ソフトウェアの規模や文脈にあわせて、適切に抽象化していただきたい」という以上のことを言っても仕方がないところなのですが、それだけでは経験の浅いプログラマーにとって、まったく分からないという話になってしまいます。 というわけで、今回はクラス設計の原則についてのお話しです。 Bertrand Meyerのクラス設計の原則 Bertrand Meyerは『オブジェクト指向入門 第2版』の中で、クラス設計について章をひと
2015.06.16 記事の内容を全面的に書き直しました。 目次 CreateJS とは何者なのか? EaselJS をはじめるための準備 EaselJS を使うメリット Canvas にはオブジェクトを管理する機能はない Canvas はウォールペイントのようなもの？ ベクター図形の描画がよりわかりやすく便利に 豊富なフィルター機能 実際に触ってみる CreateJS を使うための準備 Stage を配置する EaselJS DisplayObjects Shepeクラスと Graphicsクラスでベクターシェイプを描く Bitmapクラス で画像を読み込む Tickerクラスを使ってアニメーションを実装する MouseEvent でクリックでアクションを起こす 終わりに CreateJS とは何者なのか? CreateJSはHTML5の技術を利用した インタラクティブなコンテンツを作成
最近、アプリケーションの素材として集中線が必要になりInkscapeにて作成した事がありました。 その際、netを調べても描き方が説明されたページが見当たらなかったので備忘録代わりにブログに記録しておきます。 大ざっぱな作業手順は以下の通りです 三角形を作る タイルクローンで回転させる グラデーションを放物状にかける それでは説明に入ります。 先ず、四角形を作成します。 位置、サイズは後から調整しやすいようにX=100, Y=700, 幅=10, 高さ=40に手入力で修正します。 三角形にするため、オブジェクトをパスに変換します。 左上の頂点を削除します。 おおぅ…… ゆがんでいる辺の両頂点に対し、ノードを鋭角にするよう変更します。 頂点のX座標を中間(105)に持ってきて二等辺三角形にします。 中心点を今移動した頂点と同じ位置に変更します。 これで素材となる三角形が出来ました。この三角形
Adobeデザインソフト（Illustrator・Photoshop・InDesign・Acrobatなど）の使い方を中心としたチュートリアルブログ。 みなさんこんにちは。 アドビ認定インストラクター★まきのゆみです＾＾ 早くも3月半ばですね。 昨日は冬物のコートを脱いで、 春物のコートを着て歩きました。 本当に時間が経つのは早く、 さまざまな出来事が絶え間なく起こります。 毎日コツコツ頑張っていきたいと思います＾＾ さて、先日は 自由変形ツールで平行四辺形を作る方法について まとめました。 本日は、自由変形ツールで台形を作る方法について まとめたいと思います。 自由変形ツールを使った台形の作成 正方形を描画し、選択します。 自由変形ツールを選択します。 事前のバウンディングボックスの表示・非表示に関わらず、 自由変形ツールを選択すると、 バウンディングボックスが表示されます。 バウンディ
Adobeデザインソフト（Illustrator・Photoshop・InDesign・Acrobatなど）の使い方を中心としたチュートリアルブログ。 みなさんこんばんは。 アドビ認定インストラクター★まきのゆみです＾＾ 地震の影響もあり、 講習開催にも影響が出て、 4月の予定が微妙でしたが。。。 少しずつ予定が定まってきました。 来月は、岐阜県に出張もあります。 さあ～頑張って！ 微力ではあるけど、日本を元気にするぞ！＾＾/ さて、本日は、 基本中の基本、 基本図形の4つの描画方法について まとめたいと思います。 基本図形とは、 長方形ツール 楕円形ツール 角丸長方形ツール 多角形ツール スターツール で描画するオブジェクトとします。 本日は、この中より 下の3つについてまとめます。 長方形ツール 楕円形ツール 角丸長方形ツール 基本図形の4つの描画方法（前編） 長方形ツール 楕円形ツー
整列パネル（ウィンドウ／整列）やコントロールパネルの整列オプションを使用して、選択したオブジェクトを指定した軸に沿って整列、または分布をさせることができます。オブジェクトは、基準点となる線やアンカーポイント、選択範囲、アートボードまたはキーオブジェクトに整列することができます。キーオブジェクトは、選択した複数のオブジェクトの中の、1 つの特定のオブジェクトです。オブジェクトをパスに沿って整列させるには、パス上オブジェクトツールを使用します。 オブジェクトを選択すると、コントロールパネルに整列オプションが表示されます。オプションが表示されない場合は、コントロールパネルメニューから「整列」を選択します。 初期設定では、整列および分布はオブジェクトのパスに基づいて計算されます。ただし、線幅が異なるオブジェクトを対象としている場合は、代わりに輪郭線を使用して整列および分布を計算することができます。
［技術講座］ DDD難民に捧げる Domain-Driven Designのエッセンス 第 1 回 ドメイン駆動設計とは 第 2 回 DDDの基礎と実践 第 3 回 大規模なプロジェクトへの適用 DDDパターンカタログ パターン名 参考訳 I. Putting the Domain Model to Work Ubiquitous Language ユビキタス言語 Model-Driven Design モデル駆動設計 Hands-On Modeler 実践的モデラー II. Building Blocks of a Model-Driven Design Layered Architecture 層状アーキテクチャ Smart UI （アンチパターン） 利口なUI Entities エンティティ Value Objects 値オブジェクト Services サービス Modules モジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く