紙の本やマンガから、電子書籍、パンフレット、インタラクティブなPDFまで。世界中のプロが使っているDTPアプリです。 月々 (税込)。
Experience working with the command line is required. Some knowledge of Node.js will help you make the most of this article. Required products Node.js You may already know that Node.js enables you to create server-side applications using JavaScript. While this is a powerful and compelling capability, perhaps you aren’t a server-side developer or you aren’t yet ready to commit to server-side develo
Knockout.jsは、モデルデータに対して宣言によって要素をバインドできるようにするJavaScriptライブラリです。このモデルデータでは、UIとモデルの間で自動的に双方向の更新が行われます。Knockoutは簡単に使い始めることができ、他のライブラリやテクノロジーとも密接に統合されています。ここでは、使い始める際に知っておく必要があることについて説明します。 複雑で動的なデータ駆動型のWebアプリケーションを開発することは、難しい作業になる可能性があります。ユーザーインターフェイスとその基になるデータとを常に同期させるには、通常、ユーザーが何かアクションを実行するたびに、または新しいデータが読み込まれるたびに、様々な要素とデータとの間で情報を仲介する多くのイベントハンドラーを作成する必要があります。 Knockoutの登場以前 Knockoutのメリットを示す簡単な方法として、Kn
新しくリリースされたAdobe Edge Animateは、HTML5を利用したアニメーションを作成できるツールです。本記事では、アニメーションサンプルの作成を通して、Edge Animateの機能を紹介します。 Edge Animateでは、矩形/角丸矩形/楕円などのオブジェクトを描画できるほか、他のツールで作成した画像を読み込むことができます。今回のサンプルの素材は全て、Photoshopなどのツールを利用して作成しました。オブジェクトを重ねて表示する場合は、透過PNGファイルやSVGファイルを利用し、背景など透過の必要がなく容量を節約できる場合はJPEGファイルを利用するとよいでしょう。 画像を読み込むには、メニューから[ファイル]→[読み込み]を選びます。読み込んだ画像はステージ上に配置され、また[ライブラリ]パネルのimagesフォルダーに格納されます。
Language Navigation Language Navigation
Webサイトやアプリを制作する場合、デザインを作り込む前に触って動くプロトタイプを作ることで、あらかじめ使い勝手の良し悪しなどを検証することができます。今回紹介するTAP(Touch Application Prototypes)を使うと、Fireworksで簡単にモバイル向けのプロトタイプを作成できます。 よくあるWebサイト制作の実装工程について確認しましょう。まず、PhotoshopやFireworksなどのツールを用いてデザインの作業を行います。次に、作成したデザインカンプを元に、パーツをスライスし、コーディングをしてからはじめて「動く」「触れる」ものを作ります。こうした工程の場合、実際に動く状態を見てから問題に気づき、要素の配置や装飾の変更などが発生し、大きな手戻りが生じるというのを経験している人も多いのではないでしょうか。 そうした問題を解決・軽減するために「プロトタイピング」
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Dreamweaver CS5.5は、スマートフォンサイト制作用ライブラリであるjQuery Mobileに正式に対応しており、jQuery Mobileを用いたサイトを簡単に作ることができるようにする「jQuery Mobile Widget」機能を実装しています。本記事では、jQuery Mobile Widgetで作成したスマートフォン
Students: Save over 65% on Creative Cloud All Apps for the first year. And get the first month on us. Ends Sep 2. See terms. Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used sof
アクセシビリティ 検索 アカウント ショッピングカート お問い合わせ 日本(変更) ソリューション 業種別 放送・メディア業界 教育機関 エンタープライズ 金融機関 行政機関 ライフサイエンス 製造業 ソリューション ホームユーザ向け写真/ビデオ編集ツール デジタルイメージング モバイル 印刷パブリッシング プロセス管理サービス プロフェッショナルビデオソリューション リッチインターネットアプリケーション テクニカルコミュニケーション eラーニング&トレーニング 人事* Web会議 Webデザイン すべての業種・ソリューション › 製品 Acrobat Adobe AIR After Effects ColdFusion Creative Suiteファミリー Dreamweaver Flash Builder Flash Platform Flash Professional Flex
Dreamweaverをカスタマイズするには、環境設定を変更したり、エクステンション(機能拡張)をインストールするといった方法がよく知られていますが、Dreamweaver自体の構成ファイルを編集することでカスタマイズする方法もあります。Dreamweaver自体を構成するファイルはXML、CSS、JavaScriptが多用されており、これらを編集することで機能の追加やUIの変更といったカスタマイズが可能です。Dreamweaverを利用する人にとってはこれらのコードは読みやすく編集しやすいでしょう。ここでは特にWebページ制作の効率を向上させることができるであろうカスタマイズを3例ご紹介します。 なお、記事内に登場するConfigurationフォルダは記事末尾の「各プラットフォームのConfigurationフォルダの場所について」にてご紹介しています。カスタマイズ前には念のため、"必
湯口りさ氏 RsStudio http://web.r-studio.jp/ 本記事では、最近のWeb制作で利用されている「CSSスプライト(CSS Sprites)」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。 Fireworks CS5 体験版 今すぐ購入 CSSスプライト(CSS Sprites)とは CSSスプライトは、複数の画像を1つにまとめてCSSのスタイルで部分的に表示し使い回す手法です。 CSSスプライトの仕組み CSSスプライトはたいてい、今まで独立した1枚画像にしていた部分や画像置換※で表示していた画像と置き換えることができます。 ※ 画像置換:HTMLにテキストだけを記載しておいて、CSSのスタイルで文字を隠し、その代わりに画像を表示しているように見せる手法。画像をHTML
サイト規模が大きくなるにつれて、どんなページがあるのかを把握するのが大変になります。また、納品したHTMLの一覧をクライアントに提出することが求められることなどもあるでしょう。とはいえ、Dreamweaverにはサイトのページ一覧を出力するような機能は搭載されておりません。しかし、Dreamweaverの検索機能とXSLTを利用することで、以下のようなページ一覧を簡単に作成することが可能です。 このページ一覧は、以下の手順で作成します。 Dreamweaverでサイト全体の検索を行い、レポートをXMLファイルとして保存する。 Dreamweaverで検索/置換を行い、XMLを整形する。 XMLからXSLTを読み込む。 それでは、各手順を詳しく解説していきましょう。 1.Dreamweaverでサイト全体の検索を行い、レポートをXMLファイルとして保存 まず、Dreamweaverの検索機能
株式会社ワンパクの近藤&杉山の師弟コンビがDreamweaverの覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回で最終回となりました。最後に取り上げるのはDreamweaverの 「拡張機能」です。拡張機能をインストールすれば、Dreamweaverには搭載されていない機能を加えることができ、自分好みにカスタマイズすることができます。そして、「杉山のこれ知ってます?」のコーナーでは、ダミー画像を簡単に用意できるイメージプレースホルダーと、ファイル操作を制限できるクローク機能について紹介します。 入れておくと便利! オススメ拡張機能 杉山:師匠~! 便利なもの見つけちゃいましたよ~(*^▽^*)/ 近藤:なんだ? 杉山:Dreamweaverの拡張機能です! ただでさえ便利なDreamweaverが、拡張機能をインストールすると、ますます便利になっちゃうんですね!
株式会社ワンパクの近藤&杉山の師弟コンビが 、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回取り上げるのは「正規表現を使った検索・置換」です。正規表現を使えば、値の異なる属性を検索したり、特定のマークアップ構造の要素を検索したりと検索の幅がグッと広がります。そして、「杉山のこれ知ってます?」のコーナーでは、使用頻度の高い検索・置換のパターンや便利な検索・置換のパターンを保存して、すぐに呼び出せるようにするクエリーについて紹介します。 やればわかる! わかれば使いたくなる! まずははじめの一歩! 杉山:師匠、ちょっと聞きたいのですが…。今やっている案件のHTMLにはいろんな人が関わっていて、ちゃんとした管理がされてなくて、HTMLのコードがタブでインデントされていたりされていなかったり、記述方法がバラバラで気持ち悪いんですよ。あれほどイン
Adobe Developer Box plusは、アドビのRIAテクノロジーに関わる開発者のためのRIA情報集約AIRアプリケーションです。 Web上のアドビコンテンツ だけでなく、開発者たちの発信する最新情報もRSSで取得します。また、Flex、およびAdobe AIR開発者必読のアドビ技術ドキュメント(PDF)を横断検索する機能は、開発をする上で必要な情報を検索するのに便利です。FlexやAIRアプリケーションの開発前の学習にも、開発中に困った時にも、この検索機能が役立ちます。 オープンソース(Google Code)なので、このアプリケーション自体もリファレンスとして活用可能です。 4つの情報ソース 4つのソースからアドビRIAテクノロジーに関する情報を収集できます。特にアドビ技術ドキュメント(PDF)を横断検索できるPDF Finder機能はオススメです。 ※PDF Fin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く