2016年1月21日木曜日

複数サイズアイコン作成

http://ao-system.net/alphaicon/index.php
いろいろなアイコン作成サイトがあるが、ここは、自分で作成した複数画像を合成したアイコンが作成できる。自分できれいに画像作ってそのままアイコン化したいときに。

2016年1月19日火曜日

印刷用CSSメモ

随時更新する予定

http://www.kotalog.net/archives/3105
考え方的なこと。基礎。

http://blog.asial.co.jp/1280
基本的なpage_breakなど

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1218588927
知恵袋。幅の計算とかちょっと参考になる。

http://web-tan.forum.impressrd.jp/e/2015/07/28/20508
デバッグ方法(Chrome開発者モードでエミュレートできる)

2016年1月14日木曜日

参考サイト:Quizlet

https://quizlet.com/
こういうサービスをつくっていきたい、という1つの参考まで。

2016年1月13日水曜日

新規のイラストレーターをさがす

http://illustrators.jp/
「イラストレーター通信」
基本ここから探せば、どんなテイストの人でもみつかる&きちんとフリーランスで活動している人が登録している。

2016年1月12日火曜日

推奨アーカイバー Explzh

http://www.ponsoftware.com/
圧縮・解凍ソフトいろいろありますが、これを推奨します。

理由は、
・7-zip形式に対応
 DLLダウンロードが必要ですが、zipよりかなり圧縮効率がいいです。
・Macのファイルが文字化けしない
 Windows標準で文字化けするファイルが、このソフトだと文字化けしません。
・フォルダの中に同じフォルダ作成されるのを回避してくれる。
・連続圧縮・連続解凍などができる。
などなど。

2016年1月9日土曜日

モリサワのWebフォント TypeSquare

http://typesquare.com/
教科書体などもあり、費用も明確なので、顧客提案などの参考に。
MORISAWA PASSPORT契約していると、その範囲内でも使えます。

PowerPoint 図形の合成や型抜き

https://www.microsoft.com/ja-jp/office/2010/business/training/tips/powerpoint21.aspx
意外と知られていませんが、PowerPointで図形の合成などができます。

2016年1月7日木曜日

Flash flvplayback 思った位置にシークできない場合のエンコード設定

Flashで動画再生する機会は減ってきていますが・・・以下TIPS。

Flashでflvplaybackコンポーネントを使用して動画を再生し、指定の位置にシークしようとしたとき、うまくシークできないことがあります。
具体的は、13秒へシークするように指定しているのに、10秒の位置に飛んでしまう、といった現象。
この現象について、動画のエンコードの問題の可能性があります。

基本的に、動画ファイルについて「キーフレーム」を設定した位置にしかシークできません。
「基本的に」と書いたのは、最近のブラウザに実装された動画プレイヤーだとこの問題は起きないようにプレイヤーが仕様を吸収しています。「動画の技術仕様の基本」という意味では、そのとおりで、flvplaybackはこれに忠実に動作します。

つまり、キーフレームが5秒ごと 0秒、5秒、10秒、15秒 の位置に設定されていると、13秒の位置にシークしたいのに、10秒あるいは15秒などずれた位置に飛ぶことになります。

以下、TMPGEncによるエンコード設定方法

この動画は、12fpsです。

これがTMPGEncのデフォルト設定。

GOPの標準フレーム数が「250」となっています。
これは、実際は動画の内容によって最適化されますが、画面に動きがなければ、最大250フレームごとにキーフレームを打つということになります。つまり、最大で20秒ちょっとの間隔があきます。

改善設定例
標準フレーム数を12にしました。フレームレートと同じなので、最大でも1秒間隔でキーフレームが入ります。

これだけ見ると、「標準フレーム数を小さくしておけばいいじゃん」と思いますが・・・
データ量が圧倒的にふえるため、同じビットレートだと、格段に画質落ちます。
動画の内容によりますが、ビットレートを2倍(つまりデータ容量もほぼ2倍)にしても、まだ元の設定のほうが画質がいい、というくらい変わります。

よって、データ容量とのバランスで調整する必要があり。


最後に、私もこの設定「GOP」について完全には理解していないが、なんとなく、こういうこと
http://www.xucker.jpn.org/keyword/gop.html

HTML5 audio in iPad TIPS

HTML5 audioタグをJavaScriptから制御するときの注意

  • duration プロパティが Infinity になる。
    解決策不明。iOS8、iOS9とも同じ。
  • currentTime プロパティに 0 をセットするとスクリプト停止する。
    0.01なら問題なし。発生はiOS8のみ。

Adobe AcrobatなしでPDF作成 CutePDF

http://www.cutepdf.com/
タイトルの通り。
AdobePDFと同じように「プリンタ」として認識されます。
インストール時、いろいろ余計なソフトをインストールしようとしてくるので、ちゃんと拒否ること。

HTMLモーダル画面作成 fancybox

http://fancyapps.com/fancybox/
モーダル画面を生成するjQueryプラグインです。
同様のものは多数ありますが、いろいろ試して
・分かりやすく応用がききやすい
・安定している
・IE8など古いブラウザも動作する
という理由でよく使っています。

商用利用は有償ですが、Multi Domain License を買っているので、制限なく使って問題ありません。

2016年1月6日水曜日

Flash flvplaybackでの画質向上

http://67.org/uk/2009/06/flv_flvplayback_smoothing.html

Flashで動画をリサイズ再生すると、非常に荒れる現象の改善方法。
リサイズしなくても荒れるので常に適用しておいたほうがいい。


ローカルでWEBサーバーをたてる 04WebServer

http://www.soft3304.net/04WebServer/
サーバーにあげないとうまく動かないスクリプトを動かす、程度ならこれが簡単。


https://www.apachefriends.org/jp/index.html
なお、サーバーサイドのプログラムやDBなどをきちんと動かすならXamppが王道だが、けっこう面倒

2016年1月5日火曜日

コーディング用で日本語も含まれるフォント Myrica M

コーディング用フォントいろいろありますが、私は、Myrica M に落ち着いて、秀丸、FlashのASパネル、DreamWeaverなどテキスト編集する環境は、ほぼこれにしています。

http://myrica.estable.jp/

理由としては、
・コーディング用で、文字の視認性が高い。1とlとか0とOとか区別つく。
・日本語がきちんと含まれている。←これが意外と少ない。

2016年1月2日土曜日

ブラウザでの確認にシークレットウインドウを使おう

Webサーバー上での動作確認をする案件の場合、けっこうキャッシュが残ったり、それ消すのに時間がかかったり面倒ですよね?

そんなときは、Chromeの場合「シークレットウインドウ」、IEの場合「InPrivateブラウズ」を使いましょう。

Chrome シークレットモードの起動:CTRL+SHIFT+N
IE InPrivateブラウズの起動:CTRL+SHIFT+P

これらは、キャッシュなどを残さないためのモードですが、通常ウインドウとシークレットウインドウは完全に切り離されているので、起動した瞬間、キャッシュがない状態で起動します。

キャッシュを消すより手軽で便利。

ちなみに、シークレットウインドウのウインドウをすべて閉じないとクリアされませんので、注意!(シークレットモードのウインドウが1つでも残っているとキャッシュやセッション情報が引き継がれてクリア状態になりません。)

コピーツール FastCopy

http://ipmsg.org/tools/fastcopy.html
コピーが速い、というのが売りだが、Win8以降はOS純正もかなり進化しているのでどれだけ差があるかは分からないけど、細かいファイルが大量にある場合は、確かに早い。

主な便利機能
・中断/再開できる(Win純正でもできるようになったけど)
・速度制限がかけられる
・バッチ処理ができる
・コピー時にフィルタがかけられる
 ・ファイル名でフィルタかけて拡張子 *.swf だけコピーする
 ・日付でフィルタかけて、今日更新された差分だけコピーする など。