信頼はずっと、挑戦はもっと。

お問い合わせ
TEL:03-3496-3888

BLOG コアテックの社員ブログ (毎週月曜~金曜更新中)

LIST OF ARTICLES

記事一覧

  • テクログ

    FILE APIって便利なのね。

    はじめまして、6月入社、新人のクライです。 先日、というか、先程までハマっていたJavaScript関連から、お送りいたします。 HTML5から対応の「FILE API」。これかなり便利です。 このFILE API、指定したローカルファイルのファイル情報やファイルの中身(データ)をJavaScriptで取得できます。 たとえば、画像のプレビューのコードはこんな感じです。   //[HTML側] //ファイルタグ //画像表示するところ //[JS側] //画像プレビューだよ!  $(document).ready(function(){ jQuery.event.props.push('dataTransfer'); $("#input_file").change(function(){  var file = this.files[0]; viewFileContent(file); }); function viewFileContent(file){ if(!window.FileReader){ return; } if(file.type.match(/image/)){ var fr = new FileReader() fr.onload = function(event){ var image_add = $(" ").attr("src", event.target.result); $("#pic_wakuwaku").html(image_add); }; fr.readAsDataURL(file); } } });   と、超簡単に、プレビュー表示されます。 ※これを同じ動きをasp/VBScript/JavaScriptで実装するとなると、とても手間でした。なんとかその部分は出来ましたが。 また、容量(KB)やファイル名、ファイルの種類も簡単に取得できます。 しかし、HTML5からの対応の為、IE9やOPERA10.6等のブラウザでは、FILEオブジェクトが生成されません。 画像のプレビューや簡単な情報をブラウザから取得したい場合には、かなり使えると思います。 これからHTML5が普及していく中で見かける場面も増えてくるのではないでしょうか。 詳しくは、以下のリンクへどうぞ。 「FILE API」参考リンク:http://ascii.jp/elem/000/000/559/559105/

  • テクログ

    レアでモダンなNet Beansでデバッグを完全マスター

    NetBeans でPHPのステップ実行ができる!VBだとよく利用していた、ステップ実行や変数の内容を即時確認。phpでもできちゃうので環境作成しましょう。これでソースにEcho を仕込む必要なし!http://ja.netbeans.org/まずはここから最新版をダウンロードします、NetBeans IDE ダウンロードバンドルリストからPHPを選択10月19日の時点では7.2が最新なのでこのバージョンで説明します。多分そのまま実行すると Java SE Development Kit が無いと言われるのでJDKをダウンロードhttp://www.oracle.com/technetwork/java/javase/downloads/index.html JDKを選択(Java SE Development Kit 9 Update )Accept License Agreement にチェックを入れてWindows x86(32ビット)か Windows x64(64ビット)を選択ダウンロードしたら設定をかえずにJSDをインストール続いてNetBeans IDEもインストール NetBeans IDEを起動すると右下に最新にしてくださいと通知が出るので最新にします次に、xdebugのインストールxampに元から含まれていますが古いので最新版にする必要があります。http://localhost/xampp/phpinfo.phpを開きます画面の内容を [CTRL]+[A]->[CTRL]+[C]で全コピ。画面内容はxdebug以外も全てコピーしてくださいhttp://xdebug.org/wizard.phpコチラのページを開いて先ほどのコピーした内容をテキストエリアに貼り付けて「Analyse my phpinfo() output」をクリック!遷移した画面を下にスクロールするとファイルの最新と修正箇所が表示されます(実行結果↓)上の画面のいみは1. まずファイルダウンロード2. C:xamppphpext に1.のファイルを移動3. C:xamppphpphp.ini を開いて zend_extensionを探す※zend_extension は2個あるので[XDebug] 直下を修正してください。[XDebug];zend_extension = "C:xamppphpextphp_xdebug.dll"zend_extension = C:xamppphpextphp_xdebug-2.2.1-5.4-vc9.dllこんな感じで修正4. 保存したらアパッチ再起動実行構成カテゴリの設定 Net Beansにもどってファイル(F)→プロジェクトプロパティを選択ソースカテゴリの設定   ツール→オプションを開きPHP→デバッグ最初の行で停止のチェックを外す、これにより起動する毎に一時停止しなくなります。   設定が終わったら実行です。 ツールバーに三角とリストがいっしょになってるボタン(右側)を押します。(または[ctrl]+[F5]) するとと変化してテスト実行開始 あらかじめ、行番号の所をクリックしてブレークポイントを指定しておきます。 プログラムが指定の行に達すると、自動でストップしますそこで1行ずつ実行したり変数の中身をみたり。 1行ずつ実行(=ステップ実行)も他の関数の中にどんどん入っていく([F7])か、現在表示しているソース内で移動する([F8])かを選ぶことが出来ます。 説明しずらいのですが使ってみるとすぐに理解できると思います。   実行中は現在使われている全ての変数と内容が一目で確認可能となっています。  $sort_idには”000000000025”が入っていて、$sort_idsは6個の配列になっているのがわかります。 変数名の前にある「+」を押すと配列の中を展開して表示されます。   注意点として デバッグ実行中にソースを変更しても反映されません。 修正したソースは保存しなければ正しく動作しません。   以上で説明は終了となります。Net Beans + Xdebugですてきなデバッグライフを!

  • テクログ

    Dreamweaverのショートカットを使いこなす

    どうもどうも! 今回はDreamweaverのショートカットを覚えましょう、というお話です。   デザイン課の皆様なら日々使っていると思いますが、細かい部分では使いこなしているでしょうか?   ショートカットを頭に入れておけば、かなりの手間が省けたりします。   ctrl + 1(~6) = 見出し(h1~h6)の挿入ctrl + shift + p = pタグの挿入ctrl + alt + t = テーブルの挿入ctrl + alt + i = 画像の挿入ctrl + b = strongタグの挿入ctrl + i = emタグの挿入shift + enter = brタグの挿入   この辺を覚えるだけでもかなり手間が省けます。   …知らなくていちいち手で打ち込んでいた人、全部覚えてってくださいNE!(´ε`;)   ctrl + shift + space で   も入れられたりします。 びっくりデスね!   また、手打ちじゃ面倒くさいテーブルの制御もショートカットで出来ます。   ctrl + m = 行の追加ctrl + shift + a = 列の追加ctrl + shift + m = 行の削除ctrl + shift + - = 列の削除   あとはこんな事も… 是非ともマスターして作業効率化をしていきましょう。

  • テクログ

    jQueryとJavaScript2

    今回はjQueryで「ツールチップ」を作成したいと思います。 「ツールチップ」はマウスポインタを当てると 吹き出しのように文字が表示されるものです。 本ページの右側にある「テクログ」へのリンクなどで使用しています。 通常「ツールチップ」はアンカータグのtitle属性を使用すれば、表示されます。 ほげほげ 今回は、hover()・fadeIn()・fadeOut()を使用します。 まず、hover()の書式です。 $("セレクタ").hover(function() { // 処理A }, function() { // 処理B }); hover()は、指定したセレクタにマウスポインタが 当たったときや外れたときに実行したい処理を設定できます。 上記により、指定したセレクタにマウスポインタが当たると 第一引数の「処理A」部分が実行されます。 マウスポインタが外れると、第二引数の「処理B」部分が実行されます。 次に、fadeIn()・fadeOut()の書式です。 // フェードイン $("セレクタ").fadeIn(1000); // フェードアウト $("セレクタ").fadeOut("slow"); fadeIn()・fadeOut()はそれぞれ指定したセレクタを フェードイン・フェードアウトさせてくれます。 fadeIn()・fadeOut()の引数は、アニメーションが完了するまでの時間を設定でき、 「"slow"」「"normal"」「"fase"」もしくは「ミリ秒」を指定できます。 何も指定しなければ「"normal"」となります。 「ミリ秒」を指定する場合は、数字のみの指定ですので注意して下さい。 ちなみに、 「"slow"」 は 600ミリ秒 「"normal"」は 400ミリ秒 「"fase"」 は 200ミリ秒 になります。 これらのメソッドを用いたのが、下記になります。 ほげほげ 表示したい文字 //  cssの指定によって、自分好みの「ツールチップ」を作ることができます。 では、また来月お会いしましょう。。。

  • テクログ

    ブルースクリーンが出ても慌てない様にするために

    はじめまして、とっきーです。 技術ブログ初登場だというのに色々と仕事が入ってきてしまい、殆んど仕込みも何も出来ていない状態です。 なので余り突っ込んだ内容が書けない事をご容赦下さい。   さて、Windowsで作業を行なっている時にいきなり何の前触れもなく画面が青くなり、訳の分からないメッセージが表示されることはありませんか? 自分はWindows XPを使っていた頃はごくたまにありました。いや、むしろ、仕事でWindows XPでドライバーの相性とかそういったものを検証する時によく見ました。 それはさておき、この様な現象を画面の色を表して「ブルースクリーン」と言いますが、普通はこういう事なんて早々起こりうることはないので、起こった時にはちょっとしたパニックを起こすことかと思います。 しかし、このブルースクリーンはある部分を確認すれば大抵の原因がわかってしまいます。 それはどこかといいますと「STOP」と書いてある横にあるコードなんですね。 所謂、 STOP: 0x0000008E (0xC000001D, 0xBF9E797C, 0xF7B379DE, 0x00000000) と表記されているところです。 ここの「0x0000008E」の部分のコードを調べると大抵はブルースクリーンが発生した原因が判ります。 この場合だと、「カーネル モード プログラム にハンドラでキャッチできない例外が発生した」事を表していますが、これでは「何?それ」とおもいますので、ネットでもっとかいつまんで調べてみると「プログラムが不適切なメモリ アドレスを参照したときに発生」→「メモリやページングファイルのエラー」である事がわかるはずです。 この場合の対処法としては「ページングファイルを消す」等が挙げられるので、その対応を行えば出なくなる(筈)です…と言った具合にSTOPの横に出ているコードが判ってしまえば後はそのコードを頼りに調べていけば自ずと対処法がわかる、と言う感じです。 このSTOPの横に出ているコード(STOPエラー)の一覧は、こちらを御覧下さい。   と言う訳で、今回は技術的なもの、と言うよりは困ったときに知ってると便利かも、的な話題で申し訳ありません。 次回はもう少しきちんとした内容のものを準備したいと思いますので、ご勘弁を。  

  • テクログ

    ASPではご注意を...

    はじめまして。 ザキヤマです。 ネタを探して、探して四苦八苦していました。 ようやく見つけたネタは、以前の案件でた障害の事例をもとにお話します。   今はあまり使われていませんが、 一部案件では、ASPを使用しています。 このASPの画像情報取得の既存関数が一癖あるんです。 障害として挙がったときは何事かと思いましたね。   一癖ある関数、 それは、LoadPictureという関数です。 ネットで「asp 画像情報取得」と検索すると何気なくでてくる関数なんですが、 詳細な情報があまりないため、 僕も不用意に使ってしまったんです。 この関数ですが、 RGB形式の画像には対応しているんですが。。。 何とCMYK形式(印刷用画像)の画像には対応できていなかったんです。 CMYK画像を読み込もうとする、 エラーとして表示されてしまいます。。。 エラー内容だけみると、 なにが原因なのかわからないので、 これは本当に注意したほうがいいです。 管理画面側でCMYKをRGB形式に変換していれば、 別ですが。 でも、オフィシャルのページでは、 あまり使わないほうがいいという記載もあるので、 基本的に使用しないほうがいいかと思います。   あ、ついでにですが、 CMYKの画像情報を読み込む手段として、 imagemagicを使用する方法もあるのですが、 imagemagicは相当なCPUを使用するようで、 多用し過ぎるとサーバー負荷につながります。 PHPでは影響はあまりないようですが、 ASPではものすごく影響します。   ご注意ください!!