アークウェブ
Webマーケティング
SandBox
Web制作会社アークウェブのスタッフが、企画・マーケティングのTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
http://www.ark-web.jp/sandbox/marketing/wiki/457.html
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
CSS Nite LP 「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」のメモ
Flexメモ/「Flex3プログラミング入門」ざっと読み
Flexメモ/「Flex3プログラミング入門」ざっと読み(2)
FrontPage
GoogleAnalytics/ページ毎のアクセス数は正規表現で絞り込むと見やすい
InterWikiName
JavaScript
MenuBar
Movable Type
Movable Type/Movable TypeでLPOについてメモ
MovableType/FCKeditorカスタマイズメモ
PHP
PukiWiki
RecentDeleted
SandBox
WikiName
WikiWikiWeb
YukiWiki
Zen Cart
Zen Cart/Zen Cart管理画面かんたん化基礎調査:Substruct, LiteCommerce, X-Cart...
tag
tag/ActionScript
tag/Ajax
tag/CMS
tag/ECサイト
tag/Flash
tag/Flex
tag/Flex2
tag/Google
tag/GoogleMaps
tag/MT
tag/MT4
tag/MTOS
tag/Materials
tag/PGP
tag/PlugIn
tag/RSS
tag/Redmine
tag/RightFields
tag/SEO
tag/Simply Threaded
tag/Tips
tag/UI
tag/Web2.0
tag/XML
tag/Yahoo
tag/Zen Cart
tag/microformats
tag/script.aclo.us
tag/お知らせ
tag/コミュニティ
tag/コンテンツ最適化
tag/セマンティック・ウェブ
tag/ピコ勉強会
tag/マイクロフォーマット
tag/ローカライゼーション
tag/ワイヤーフレーム
tag/画面仕様書
tag/上位設計
エコピ勉強会/プラスチックのゆくえ
サンプル
ピコ勉@2008.07.29 Webにおけるローカライズのポイント
ピコ勉強会
ピコ勉強会/Dion Hinchcliffe:2008年のSocial Graphの問題点と戦略
ピコ勉強会/Dion Hinchcliffeの2008年のWeb 2.0予想
ピコ勉強会/Google Analytics新機能「イベント トラッキング」についてメモ
ピコ勉強会/GoogleAnalyticsの新しいトラッキングコードについて
ピコ勉強会/GoogleAnalyticsアドバンスセグメントとカスタムレポート
ピコ勉強会/Movable Type4.1/MTOS4.1勉強会
ピコ勉強会/Papervision3Dを使った事例
ピコ勉強会/Redmine勉強会
ピコ勉強会/WebSig24/7【IA分科会】明日から実践できるIA Vol.3 ユーザー目的からユーザーフローを導き出す メモ
ピコ勉強会/「mixiアプリ」について調べてみる(2009年8月)
ピコ勉強会/<link rel=”canonical” 「URL 正規化タグ」について
ピコ勉強会/ビジネスへのソーシャルメディア統合の10段階/ソーシャルメディアRFP
ピコ勉強会/ファシリテーションの手段としてのアイスブレイキング
ピコ勉強会/ユーザー中心ウェブサイト戦略セミナーメモ
ピコ勉強会/ユーザビリティテスト体験セミナーメモ
ピコ勉強会/ラグジュアリーブランドのECサイトをチェックしてみる
ピコ勉強会/企画やデザインスタッフもSubversionを使おう
ピコ勉強会/青少年ネット規制法について
ヘルプ
ペルソナ/シナリオ法/ユーザーテストを実施するためのポイント
ワイヤーフレームをそのまま生かして画面仕様書を作る(PowerPointのノート表示モード)
企画メモ&Tips
企画メモ&Tips/CMS
企画メモ&Tips/CMS/インターウォーブン「ターゲティング 日本語版」
企画メモ&Tips/Google Analyticsのeコマースレポートまとめページ
企画メモ&Tips/GoogleMaps用のマーカーアイコン
企画メモ&Tips/Movable Type
企画メモ&Tips/Movable Type/MTOS(Movable Type Open Source)の要チェックサイトまとめ
企画メモ&Tips/Movable Type/コミュニティ機能を拡張するMT4対応PlugIn
企画メモ&Tips/Movable Type/コメントに返信コメントをつける(Simply Threadedプラグイン)の設定メモ
企画メモ&Tips/NewsMLと新聞CMS
企画メモ&Tips/Webサイトの調査に便利! Webサイトを解析、構造を見える化してくれる「Website Explorer」試用メモ
企画メモ&Tips/エコ(再生材)名刺を誠実な会社に発注したい
企画メモ&Tips/サイト立ち上げ/リニューアル公開直後に行う、検索エンジン向けタスクのまとめ
企画メモ&Tips/ペルソナ/シナリオ法を使った事例について
企画メモ&Tips/ペルソナ/シナリオ法を使った事例について 3
企画メモ&Tips/ペルソナ/シナリオ法を使った事例について2
企画メモ&Tips/マイクロフォーマット(microformats)の活用例メモ
企画メモ&Tips/携帯(DoCoMo・au・ソフトバンク)のエミュレーター
企画メモ&Tips/携帯サイトでできること
企画メモ&Tips/携帯サイト構築ASP
企画メモ&Tips/第2回『サイト設計の切り札「ペルソナ」開発工程を体験!』のメモ
志田
整形ルール
第4回 アックゼロヨン・アワード 入賞作品を見てみる
竹村
中野
日本語
八木
野島
*** バインディング [#q22dafb2] - コンポーネント間で、バインディングの設定ができる。source側の値が変更されると、destination側の値に自動反映される。 - 記述方法は {}によるか、タグで書くの2種類ある <mx:TextInput id="sourceText" text="文字を入力してください" /> ←こっちの結果が <mx:label text="{sourceText.text}" /> ←こちらに反映される
タイムスタンプを変更しない
&pgid; Flexについて知らなさ過ぎるので、[[「Flex3プログラミング入門」>http://www.amazon.co.jp/Flex3プログラミング入門-宮田-亮/dp/4798020435/]]にざっと目を通して 何ができるものなのか把握する。 ** 目次 [#gd0197b6] #contents(); ** Flexアプリのショーケースサイト、リファレンス等 [#me8fe2df] - Flex Showcase: http://flex.org/showcase/ -- Flexサンプル多数。 - Adobe - Flexデベロッパーセンター: http://www.adobe.com/jp/devnet/flex/ -- Flex開発者向けサイト。チュートリアル、サンプル、ダウンロードなど。 - Flex 3 リファレンスガイド: http://livedocs.adobe.com/flex/3_jp/langref/ ** Flexアプリケーションの構成物 [#acab920c] - ソースファイルはMXML + ActionScript で記述する。 - MXML --(コンパイル)--> ActionScript --> 実行ファイル:.swf - SWC(拡張子.swc、ライブラリ、コンポーネントファイル):コンパイル時に静的にリンクされる。 - RSL(拡張子.swc、ランタイム共有ライブラリ):クライアントPC上にキャッシュされてアプリケーションに動的にリンクされる。 *** MXML, ActionScript [#w35a1f17] - MXMLはマークアップ言語(XML)の一種。(拡張子.mxml) -- <>タグ。XHTMLなどに似ている。 - ActionScript(拡張子.as):制御構造を記述 -- ECMAScriptをベースにしたプログラミング言語。 -- JavaScriptに似ている。 -- MXML内に直接記述するか、外部ファイルとしてインポートされる *** コンポーネント [#k139a82e] - コンポーネント(UIコンポーネントなど再利用可能な機能プログラム) - ライブラリ(関数レベルの機能集合) -- クラスライブラリ (API) -- ActionScriptクラスライブラリ (Adobeが提供) -- Flex 3 リファレンスガイド: http://livedocs.adobe.com/flex/3_jp/langref/ ActionScript™ 言語で使用されるすべてのエレメントのシンタックスおよび使用方法に 関する情報が記載されています。Adobe が正式にサポートしている Adobe® Flash® Player および Adobe® AIR™ のすべてのエレメントについて説明しています。 *** アプリケーション実行 [#j347b5a8] - Flexアプリケーションの実行は Flash Player。エンジンはAVM(ActionScript Virtual Machine)。 -- 2006年 AVM2ソースコードを公開 -- Mozilla Foundationと共同で開発を進める方針を発表(Tamarinプロジェクト) ** サーバとの連携 [#a114bb5c] [[[[[[[[[[[ Flash Player ]]]]]]]]]]]]]]] ↓↑ ↓↑ ↓↑ [[[[[[[[[[[ Webサーバ ]]]]]]]]]]]]]]]]]] ↓↑ ↓↑ XML/HTTP Live Cycle Date Services ES REST Java EEアプリケーションサーバ SOAP Webサービス - Live Cycle Date Services ES(LCDS)はサーバ上のJavaクラスメソッドを呼び出すことができる。協力なデータ処理やメッセージング機能を提供。 -- MS Windows 2000 Server、 Win XP Professional、Red Hat等で動作 -- FlexクライアントとJMS(Java Message Service)間のメッセージ送信をサポート -- リアルタイムチャット、サーバからクライアントへメッセージ配信を行うアプリケーションが実現可能になる -- リモートプロシージャコールサービル: サーバ-クライアント間の非同期型通信を提供する。HTTP POST/GET、SOAPプロトコル(Webサービス)、サーバ上のJavaクラスへのアクセスを実現する。 - データマネージメントサービル -- Flexクライアント-サーバ間で同期されたデータ処理を可能にする。リアルタイムでデータ同期を行う、クライアント→サーバにデータ同期をかけるアプリケーションが実現可能になる。 ** Flexアプリケーションのビルド [#a75cbc04] 2方法ある - Flex SDKのコマンドラインコンパイラからビルドする - Flex Builder(Flex SDK同梱)上からビルドする ** 開発ツール [#e3167143] - Flex SDK:Adobe提供の無償キット。テキストエディタで開発 -- アプリケーションコンパイラ(mxmlc):SWFを生成 -- コンポーネントコンパイラ(compc):SWCやRSLを生成 - Flex Builder:Exlipseベースの統合開発環境。有償。ソースエディタ、GUIベースの開発ツール、デバッガを有する ** MXMLの基本 [#c3c65fb5] <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <!-- コンポーネントの配置とか記述 --> <mx:Script> <![CDATA[ // ActionScriptコードの記述 ]]> </mx:Script> .... </mx:Application> - MXMLソース内にActionScriptコードを書く -- MXMLタグ内にインラインで書く <mx:Button click="mx.controls.Alert.show('ほげほげ')" /> -- <mx:Script>タグ内にまとめて書く <mx:Script> <![CDATA[ private function Button_click(): void { mx.controls.Alert.show('ほげほげ'); } ]]> </mx:Script> ** Flexプログラミングの基本概念 [#kb14ce65] *** イベント処理 [#abb00f92] - ユーザイベント( click, doubleClick, mouseDown等)とシステムイベント(applicationComplete, error等)の2種類ある - イベントハンドラ(イベントリスナー)の作成 <mx:Script> <![CDATA[ import flash.events.MouseEvent; ←flash.eventsパッケージのMouseEventクラス使うよ import mx.controls.Alert; ← mx.controls パッケージのAlert使うよ private function myEventHandler( event:MouseEvent ): void { mx.controls.Alert.show('ほげほげ'); } ]]> </mx:Script> - MXMLソース内から呼び出す <mx:Button label="クリックしてください" click="myEventHandler( event )" /> -- ASコード直書き(インラインイベントハンドラ)という手もある -- ActionScriptでイベントハンドラを登録するには addEventListener()関数を使う *** バインディング [#q22dafb2] - コンポーネント間で、バインディングの設定ができる。source側の値が変更されると、destination側の値に自動反映される。 - 記述方法は {}によるか、タグで書くの2種類ある <mx:TextInput id="sourceText" text="文字を入力してください" /> ←こっちの結果が <mx:label text="{sourceText.text}" /> ←こちらに反映される *** アイテムレンダラー [#ocff5c61] (よくわからんので飛ばし) ** Flexコンポーネント [#i0f833ac] - カスタムコンポーネント (自分で作るやつ) - Flexビジュアルコンポーネント(あるいは単にコンポーネント) *** Flexビジュアルコンポーネント [#y8599763] - ボタン、ラベルなど画面に配置する要素 - ビジュアルコンポーネントの配置=画面のデザインということ == (次回に続く) == #blikifooter(八木) tag: [[Flex>tag/Flex]]
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針