Flex Builder ショートカットキー覚書
2008 年 8 月 2 日 土曜日・Ctrl + alt + ↓ 行複製
FlashDevelopではCtrl + Dでお世話になっていた機能。
Flex使うようになって半年でようやく発見。
・Ctrl + alt + R 変数名変更
非常に便利
・Ctrl + Shift + C コメントアウト
これも便利
また何かあったら書き足す
・Ctrl + alt + ↓ 行複製
FlashDevelopではCtrl + Dでお世話になっていた機能。
Flex使うようになって半年でようやく発見。
・Ctrl + alt + R 変数名変更
非常に便利
・Ctrl + Shift + C コメントアウト
これも便利
また何かあったら書き足す
SyntaxHighlighterを導入。
<pre name="code" class="actionscript"></pre>
でコードに色を付けてくれる。
× WordPressのプラグインを使えば、
[sourcecode language='css'] … [/sourcecode] や
[css] … [/css] のような表記でもいけるらしいが、色々微妙で削除。
- WordPress › SyntaxHighlighter« WordPress Plugins
- WordPress › SyntaxHighlighter Plus « WordPress Plugins
× WorPress上に設定パネルができて、使う言語とかオプションを設定できる
プラグインもあったが、<pre>タグではなく、<textarea>タグで
挿入されるのがなんとなく気持ち悪いので削除。
- SyntaxHighlighter @ Open Sourced Brain.
○ 結局、Mark氏が公開しているAS3用のjsだけ追加した。
- AS3 Syntax Highlighting (with SyntaxHighlighter)
△ また、IE6 (Mac OSX 10.5 - Parellels - Win xp) で奇数の行番号が
なぜか全部1になってしまったのだが、対策を考えるのが面倒になって、
<pre name="code" class="actionscript:nogutter">
と書いて、行番号を出さないことにした。
- Configuration - syntaxhighlighter - Google Code
—-
やり方をまとめると、
1) syntaxhigHlighterをダウンロード
- http://code.google.com/p/syntaxhighlighter/
2) Mark氏のサイトからAS3用拡張をダウンロード
- http://www.digitalflipbook.com/archives/2007/09/as3_syntax_high.php
3) 1を解凍したフォルダ内、dp.SyntaxHighlighter/Scripts に
shBrushAS3.js を追加
4) 3と同様に dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css を
2のStyles内のものと置き換え(見やすいので)
5) jsとcssの入ったフォルダをアップロード
6) js, cssへのパスを通す
<link type="text/css" rel="stylesheet" href="/blog/styes/SyntaxHighlighter.css"></link>
<script language="javascript" src="/blog/scripts/shCore.js"></script>
<script language="javascript" src="/blog/scripts/shBrushAS3.js"></script>
<script language="javascript" src="/blog/scripts/shBrushXml.js"></script>
<script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = '/blog/scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
7) 以下のタグでコードを囲む。
<pre name="code" class="actionscript"> ... </pre>
Premireで切った映像をmovで書き出そうとしたら、
「ムービーの作成中にエラーが発生しました」
というエラーが出て進めなくなった。
aviなら書き出せたので、書き出したものを
CS3 Video Encoderでflvに変換したところ、
今度は音が鳴らなくなった。
1つ目の問題は
[231895]オーディオまたはビデオファイルの書き出しができない
という記事を見つけて、色々な場所に保存を試みていたら、
ドライブの直下で保存できた。
quicktime形式はflvに変換した後もちゃんと音が鳴ったので、
2つ目の問題については深追いせずに解決した。
映像系の人には常識かもしれないけど、
2度とつまづかないようにメモ。
swfforcesize.js。
swfObjectでflashコンテンツを100%, 100%表示時、
swfの既定サイズよりブラウザが小さくなっても、スクロールバーは出ない。
swfforcesize.jsを追加することで、スクロールバーが出るようになる。
以下cssの記述と、htmlの記述。(一部省略気味)
/* CSS */
html {
height: 100%;
overflow: auto;
}
#flashcontent {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
body {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
<!-- HTML -->
<div id="flashcontents"></div>
<script type="text/javascript">
//<![CDATA[
var so = new SWFObject('./----.swf', 'website', '100%', '100%', '9', '#ffffff');
so.useExpressInstall('./js/expressinstall.swf');
so.addParam('menu', 'false');
so.addParam('scale', 'noscale');
so.addParam('salign', 'lt');
if(so.write('flashcontent')){
var forcesize = new SWFForceSize( so, 1024, 680 ); //←swfの設定サイズ
}
// ]]>
</script>
- 参考サイト
pixelbreaker : SWFObject add-on: Size limiting for full window flash
- 最新記事
swfforcesize.js - SOOHEI.NET/BLOG
SWfObject (v1.5) でswfを100%, 100%で表示する時、
height: 100%; が書かれていないと高さがフィットしない。
/* CSS */
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #f60;
}
</style>
- 参考サイト
deconcept › SWFObject: Javascript Flash Player detection and embed script