Fateful Encounter

Music&Memo

広告

※このエリアは、60日間投稿が無い場合に表示されます。記事を投稿すると、表示されなくなります。

●スマホ対応サイト製作の基本

2012年10月01日 | web

今からのホームページはスマホに対応しなくちゃ意味がない。
ので、こちらでお勉強・・・

・スマートフォンサイト製作の前に

http://www.sync-blog.jp/syncblog/tool/116/

 

・スマートフォン対応サイト・製作の基本

http://ascii.jp/elem/000/000/538/538092/ 

 

・JQueryでスマホサイト用に画像を小さくする方法

 http://blog.goo.ne.jp/matmay/e/fed134fb0a5c4d3c135ae872b77b4fc4

 

コメント
この記事をはてなブックマークに追加

★css_memo

2012年09月27日 | web

やりたいシステム開発が進まないので
css3&html5の事も少し勉強しておく。

・cssで背景画像を複数使う  

#hogehoge {
  

    background-color: #fff;  

    background:  

       url(../images/hoge01.png) left top no-repeat,  

       url(../images/hoge02.png) center bottom no-repeat,  

       url(../images/hoge03.png) right center no-repeat; 




・css3で「上から下へグラデーション→背景画像を使う」

.hoge-box01 {
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -webkit-linear-gradient(
    top,
    #fff, #000
    );
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -moz-linear-gradient(
    top,
    #fff, #000
    );
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -o-linear-gradient(
    top,
    #fff, #000
    );
}


    「下から上へグラデーション→背景画像を使う」

.hoge-box02 {
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -webkit-linear-gradient(
    bottom,
    #fff, #000
    );
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -moz-linear-gradient(
    bottom,
    #fff, #000
    );
    background: url(../images/hogehoge.png) 0 0 no-repeat,
    -o-linear-gradient(
    bottom,
    #fff, #000
    );
}


     「グラデーションンのtemplate」

background:
-webkit-linear-gradient(
top,
#fff 0%,
#fff 10%,
#fff 20%,
#fff 30%,
#fff 40%,
#fff 50%,
#fff 60%,
#fff 70%,
#fff 80%,
#fff 90%,
#fff 100%
);
background:
-moz-linear-gradient(
);
background:
-o-linear-gradient(
);



・html5でコーディング時の注意etc・・・

  http://webdesignrecipes.com/semantic-html5-with-outline/

コメント
この記事をはてなブックマークに追加

●jQueryでスマホサイト向けに画像サイズを縮小する方法

2012年09月17日 | program memo

気になる事を見つけたのでmemo。

今度やってみよう「jQueryでスマホサイト向けに画像サイズを縮小する方法」

by-小粋空間 「jQueryでスマホサイト向けに画像サイズを縮小する方法

コメント
この記事をはてなブックマークに追加

●「API」とりあえず知っとこ。

2012年08月20日 | program memo

APIを使うことでコンピュータソフトウェアが他のソフトウェアと広義の意味で通信しあうことができる。
また低レベルな(機械寄りのプログラム言語を使う)ソフトウェアと高レベルな(人間寄りのプログラム言語を使う)ソフトウェアの間の関係をより抽象化す るための方法である。APIの目的の一つは、ウィンドウやアイコンを描画するというような共通して使える機能(関数)を提供することである。そのような機 能を使えば、プログラマーが一から百まで全部コーディングしなくても済むようになる。API自身は抽象的なものだが、APIを提供しているソフトウェアは そのAPIの実装と呼ばれる。

例えば画面に「Hello World」と表示させる仕事を考えると:

  • 全部自分でやろうとすると
    1. 画用紙に「Hello World」という文字を書く。
    2. それを白と黒の四角いマスで表現したデータを作る。
    3. CPUがそのデータをディスプレイアダプターフレームバッファに格納するプログラムを作成する。
    4. グラフィックカードを設定して、フレームバッファから正しく信号が生成されるようにする。
  • オペレーティングシステムOS)を使うと
    1. OSから提供される「フォント」というデータ構造メモリに読み込む。
    2. OSに空のウィンドウを表示させる。
    3. OSに「Hello World」という文字列をウィンドウに描画させる。
  • OSの機能を使うアプリケーションを使うと
    1. Hello World」と書いたHTMLドキュメントを作成し、Mozilla FirefoxInternet Explorerなどのウェブブラウザに表示させる。

      明らかに最初のやり方は手間がかかり、加えて相当な量の情報を渡さなくてはならないため実用的ではない。下に行くほどより簡単になっており、3つ目のやり方になると、「Hello World」とタイプすればいいぐらいの手間になる。

      ・・・・APIの概念・・・

      APIは家の電気と同じようにコンピュータにとって非常に重要である。自分の家だろうが、友人の家だろうが、パンを焼きたい時にはトースターコンセントにつなぐ。これはどちらの家でもコンセントという標準化されたインターフェースを備えているからである。もしコンセントがなければ、人は発電所までトースターを持参してパンを焼きにいかなくてはならなくなる。ヨーロッパのトースターは変圧器がなければ、アメリカでは動かないのと同じように、Windows用に書かれたプログラムは、WineなどのUNIXとの仲立ちをしてくれるAPIアダプターがなければUNIX上では動かないし、同様にUNIX用に書かれたプログラムはCygwinなどのソフトウェアを用いないとWindows上では動作しない。

      BY-Wikipedia

                                                           
コメント
この記事をはてなブックマークに追加

●Internet Explorer7のActiveXを無効にする

2012年08月18日 | program memo

Internet Explorer7を使っていると何かと出てくる

「セキュリティー保護のため・・・・ActiveX コントロールを実行しないよう・・・・」

毎回毎回、うるさいんじゃい!

で、こやつを無効にしてやるぅ!!! わっはっは・・。

How To  ↓

・IEのメニューの「ツール」から「インターネットオプション」を選択。

・「セキュリティ」タブから「レベルのカスタマイズ」をクリック。

・「ActiveXコントロールとプラグイン」項目から「ActiveXコントロールとプラグインの実行」の「無効にする」にチェック。

・・・・・・・・・・・・・・・・・・・・・・

今使っている IE9ではこんな事起こりません。 DL ↓

http://windows.microsoft.com/ja-JP/internet-explorer/products/ie/home 

ただ、新しいほうがすべて良いか?というと、、、m。

ネットの世界の難しいところですね。

 

コメント
この記事をはてなブックマークに追加

●Androidアプリ開発環境を作る

2012年07月02日 | program memo

いつかは挑戦してみたい携帯アプリ・・・。
phpのファイルパスでつまずく現状では無理だけど、とりあえず
Androidアプリ開発環境の記述を読みつつMemoる。

 ・JDK(Javaプログラミング開発キット)とAndroidの開発キット(Android SDK)をインストール。

 ・開発するためのソフトEclipseをインストール。

 ・Eclipseの中にAndroid開発をするためのプラグインADTをインストール。

 ・Eclipseの設定

この時点でJavaですか!? と、気づきPHP初心者にはmmmm。

続きは後日・・

いざっ! 出掛けねば。


 

コメント
この記事をはてなブックマークに追加

●Dreamweaver ユーザガイド他・・7/1再編集

2012年07月01日 | program memo

久しぶりに開いたらリニューアルされてた。 ビツクリ。
せめて、バージョンごとのガイドは残していて欲しいもんだが。
すでにcs4ページは消滅。

・Dreamweaver ユーザガイド 

http://helpx.adobe.com/jp/dreamweaver/topics.html#dynamicpod_reference_14

・ファイルULの処理=php

http://us2.php.net/manual/ja/features.file-upload.post-method.php

 

 

 

 

 

 

 

コメント
この記事をはてなブックマークに追加

●Updateを停止する - Vista

2012年06月18日 | program memo

// 6/21再編集

いろいろインストールすると・・
そのうち、Update! Update! と、うるさくてたまんなくなる。

で、Updateして悪くなる事はあっても、良かったと思うことはあまりない! マジ!
今の状態がいいのなら、今のままがベストですよ。 

さて、うるさいUpdaterを停めちゃいましょう。

 今回は「コントロールパネル」からじゃなく「コマンドプロンプト」からやってみる。
  ・「コマンドプロンプト」=真っ黒画面のあのヤツ。(画面色はいろいろ設定できる)
  ・「すべてのプログラム」 → 「アクセサリ」 → 「コマンドプロンプト」

 思い切って、一度ぐらい「コマンドプロンプト」使ってみるのもいいと思います。
 せっかく附いてんだから・・。
 
・真っ黒い画面が開いたら・

 ・システム構成をコマンドプロンプトで開きます。

  start msconfig  と、入力したらEnterキーを押す。 

// start msconfig がコマンドと言う事になります。

・開いたらスタートアップタブをクリック

・停めたいUpdaterのチェックをはずす。

・適用をクリック → OKをクリック

・コマンドプロンプトを閉じるときは

 exit と入力しEnterキーを押す。

・・・・・・・・・・・・・・・・・・・・・・・

Windows Updateも本当に必要と感じたとき以外は基本しません。

・システム構成のサービスタブをクリック

 ・Windows Updateのチェックをはずす

勢いついていっぱいチェックをはずしてしまいました。 → とうぜん・・・
スタートアッププログラムが少なくなるから起動が早くなります。



 

コメント
この記事をはてなブックマークに追加

●動画からMP3だけを抜き取る

2012年04月13日 | program memo

手持ちの動画から音楽だけを抜き取り → mp3に変換
音楽CDを作りたいときには・・・・

RealPlayer に付いている RealPlayer Converter を使うと簡単。

使い方  

http://jp.real.com/features/file_convert.html

コメント (1)
この記事をはてなブックマークに追加

●最新「Flash Player」で画像がちらつく対処方法 varsion ~11.1.102.63 ~

2012年03月23日 | program memo

「Adobe Flash Player」を最新版にアップグレードすると画像がちらつくトラブル発生。。
綺麗な動画(特に美人)はキレイ見たいもんね~。 ^^)・/

まず、Flash Player 11.1.102.63をアンインストール。

以下のページより OSに合った「Flash Player Uninstaller」をDL

http://www.adobe.com/jp/shockwave/download/alternates/

アンインストールが終わると以下のページより旧Flash Playerを再インストールしましょ♪

http://helpx.adobe.com/flash-player/kb/archived-flash-player-versions.html

私の場合は「10.3.183.5」をインストールし、画像のちらつきを解消~!


コメント
この記事をはてなブックマークに追加

●リンク集 6/30 再編集

2012年03月15日 | program memo

・データベースにファイルをUL  ・http://php.eweb-design.com/0304_ul.php
                   ・http://www.php-labo.net/tutorial/php/upload.html

・データベースに値を入れる   ・http://d.hatena.ne.jp/asunato/20110619/1308498982

・オープンソースCMS「PHPmotion」 ・http://www.phpmotion.com/

・サイト内検索          ・http://allabout.co.jp/gm/gc/23834/

・Pear DB            ・http://pear.php.net/manual/ja/package.database.db.php 

・ffmpeg for mobile      ・http://mobilehackerz.jp/archive/wiki/index.php?%BA%C7%BF%B7FFmpeg

・FFmpeg Documentation     ・http://fixedpoint.jp/ffmpeg/ffmpeg-doc.html 

・PDO(PHP Data Object)PHP5から利用できるデータアクセス抽象化レイヤ ・http://codezine.jp/article/detail/433  

・FFMpegを使った動画配信サーバーの環境構築まとめ Linux  http://se-suganuma.blogspot.jp/2009/07/linuxffmpeg.html

 

 

 

 

コメント
この記事をはてなブックマークに追加

●ffmpeg-phpで動画のデータを取得 -Linax-

2012年03月15日 | program memo

ffmpeg-phpのインストールにはffmpeg本体が必要で、ffmpegのコンパイル時に

--enable-shared 

をつけておく必要がある。

ffmpeg-phpのソースコードを DL → 解凍

http://ffmpeg-php.sourceforge.net/

phpize
./configure
make
make install

動作の確認は、解凍したffmpeg-phpのディレクトリにあるtests と test_ffmpeg.phpを
ドキュメントルートにコピーしてアクセスし、テスト用ファイルのデータが出力されれば正常。

*使い方

dl("ffmpeg." . PHP_SHLIB_SUFFIX); //エクステンションをロード
$movie_path = 'tests/test_media/test.avi'; //画像のパス
$movie = new ffmpeg_movie($movie_path); //インスタンス生成
echo $movie->getFileName(); //ファイル名取得、表示
echo
"";
echo $movie->getFrameRate(); //フレームレート表示

*画像の取得と表示方法。(GDが必要)

$frame = $movie->getFrame(100);
$image = $frame->toGDImage();
getFrameで取得するフレームを指定し、toGDImageでresouseを返すので、
ob_end_clean(); header('Content-Type: image/jpeg');
imageJpeg($image,null,100);
imageDestroy($image);

*公式のAPIドキュメメント

http://ffmpeg-php.sourceforge.net/apidoc.php

コメント
この記事をはてなブックマークに追加

・ファイルアップロード/php メモ

2012年02月17日 | program memo
ファイルアップロード画面は、次のような特別なフォームを作成する。

/* --データのエンコード方式である enctype は、必ず以下のようにする-- */
<form enctype="multipart/form-data" action="__URL__" method="POST">
/* --MAX_FILE_SIZE は、必ず "file" input フィールドより前に置く --*/
<input type="hidden" name="MAX_FILE_SIZE" value="30000" />
/* --input 要素の名前が $_FILES 配列での名前となる--*/
このファイルをアップロード: <input name="userfile" type="file" />
<input type="submit" value="ファイルを送信" />
</form>

上の例の __URL__ は、PHP ファイルを指すよう置換される 必要がある。

hidden フィールドMAX_FILE_SIZE は、 input フィールド file の前に置く必要がある。 この値は、PHP で取得可能なファイルの最大サイズを規定。この値はバイト数で指定。 MAX_FILE_SIZE は常に指定しておくべき。 巨大なファイルを転送しようとして長時間待ち続け、 結局ファイルが大きすぎて転送できなかったなどといった羽目に陥るのを防げるから。 注意: ブラウザ側でこの最大値を出し抜くのは簡単なことなので、この機能を信頼してこれより大きなサイズのファイルがブロックされることを前提にしてはいけない。 しかし、PHP 側の最大サイズの設定を欺くことはできない。

・・・・・・・・・・・・・・・・・・・・・

ファイルを指定したディレクトリに入れる ディレクトリ名=files
 (move_uploaded_file($_FILES["upfile"]["tmp_name"], "files/" . $_FILES["upfile"]["name"]))

リンク→ http://www.php-labo.net/tutorial/php/upload.html

   → http://www.php.net/manual/ja/features.file-upload.php 

コメント
この記事をはてなブックマークに追加