ZenLab

某IT会社の中の人。 技術メモ他もろもろ

[PR 広告]


この広告は1ヶ月以上更新のないブログに表示されています。広告を消すには新しい記事を投稿して下さい。
  1. -/-/-(-) -:-:-|
  2. [PR 広告]

Twitterの正しいつぶやき方

TwitterはブログのトラックバックやRSSを置き換える新しいソーシャルシステムだとよく言われますね。
たしかに最近はどのサイトの記事にもつぶやきボタンがついています。

ただし、ひとつ言わせていただきたいことがあります。
記事のつぶやきボタンでそのままつぶやくのはやめましょう。
迷惑です。

つぶやき一覧の表示された記事、Googleなどにそのつぶやきがリストされたとき、どうなってますか?
記事の題名とリンクだけが表示される内容となります。
これって意味があるのでしょうか?
つぶやきなのに個人的な意見が全く含まれません。
特に記事のつぶやきリストなどクローンみたいな意味のないつぶやきが延々と羅列されます。
記事の拡散にはある程度役に立ってるかもしれませんが、スパム以外にほかなりませんよ。
読んでる側からすれはうっとおしい事この上ない。

なにか一言でも意見をいれればこそつぶやきの意味があります。
だから私は他サイトの記事をつぶやく時はただリンクするんじゃなくて意見も必ずつぶやきます。

つぶやきスパム、やめましょう。

  1. 2013/3/26(火) 15:29:11|
  2. インターネット
  3. | トラックバック:0
  4. | コメント:0

PHPとDWが共存できるテンプレート

PHPで開発をしてる時に複雑な置き換えでなければSmartyみたいな既成のテンプレートエンジン使わないで自前でやっちゃいたいですよね?
でも一人で全部開発ならいいですが、デザイナがDreamWeaverでデザインしたりしてると面倒です。
こいつが普及してるにもかかわらず、ダイナミックページのデザイン機能がまったくしょぼい。
Web2.0の時代にこんなソフトが主流ってのはなんなのでしょうか? DW使ってる人はスタティックページ作ってろって?
独自のテンプレート変数なんかつくってテンプレート化しちゃったらDWでの編集が無茶苦茶になります。
DWの独自テンプレート変数もPHPをコーディングする側には迷惑千万。
なんとかしてほしいものです。

そうはいっても何とか作業効率を向上させるためにDWのデザイン作業とPHPのコーディングの互換性を高める方法考えてみました。
テンプレートでの作業ポイントは主にタグの属性書き換えとブロック出力でしょうか。


タグの属性ですが無効なタグ属性はDWやブラウザでたいがい無視されるということを利用して適当な属性をでっちあげる。

タグ属性。例えナビゲーションによくある現在位置のハイライト。
 テンプレート: <ul><li tmpenv="home">ホーム</li><li tmpenv="contact">お問合せ</li></ul>
 これをPHPで $html=str_replace('tmpenv="home"','class="current_menu"',$html); とか置換する。
 置換されない項目もDWやブラウザのプレビューでゴミやレイアウトの崩れにになりません。


ブロック出力はDWがSSIタグが使えるのを利用してSSIタグで書きましょうか。

ブロック出力。例えば各ページ共通でサイドバーを出力したとき。
 テンプレート: <!--#include file="sidebar.html"-->
 これをPHPで $sidebar=file_get_contents('./sidebar.html/); と読み込んで、
 $html=str_replace('<!--#include file="sidebar.html"-->',$sidebar,$html); とか置換する。
 DW上でもあらかじめ結果確認できます。
 これも置換されない項目もDWやブラウザのプレビューでゴミやレイアウトの崩れにになりません。
 

普通のテンプレート変数と比べるとちょっと冗長ですが、両方の環境で結構ハッピーじゃないでしょうか?
DWが独自変数以外にさっさと対応してくれればこんなことしなくていいんですけどね。
まあデザイン屋のソフトじゃプログラマの視点からの開発なんてしないんでしょうけど。
独占企業は困りますな。


  1. 2013/3/22(金) 15:24:1|
  2. PHP
  3. | トラックバック:0
  4. | コメント:0

日本が脱ガラパゴスして世界に羽ばたく方法

日本が脱ガラパゴスして世界に羽ばたく方法。
それは.....


IEをやめること! ※InternetExplorer

日本のブラウザシェア(statcounter.com/2013年3月)
IE多すぎ。キモい!

韓国のブラウザシェア(statcounter.com/2013年3月)
韓国も日本以上にキモい!


世界を見てください
世界のブラウザシェア(statcounter.com/2013年3月)
うむ、健全なシェア争い。

米国のブラウザシェア(statcounter.com/2013年3月)
インターネットを牽引しているアメリカでもこれですよ。


なぜ日本含め東アジアはこうもガラパゴスなのか。
しかも国産ブラウザとかじゃなくて米国製です。

どうりでネットで世界を制覇できないわけです。

もう一度言います。
グローバルに活躍したい人、日本の未来に貢献したい人はIEやめましょう。


Firefox ブラウザ無料ダウンロード
        I♥Firefox


  1. 2013/3/21(木) 16:54:6|
  2. インターネット
  3. | トラックバック:0
  4. | コメント:0

IEでもプレースホルダー

最近はフォームにプレースホルダ―を使った説明が出ることが多いですよね。
分かりやすくていいのですが、自分でつけようと思うとIE(IE10除く)が対応していないのが癌。
IE以外のブラウザはみんなhtml5のプレースホルダ―に対応してるのに!

そこでjQueryを使ってIE以外の時にプレースホルダ―を疑似表示する関数を作ってみます。
IE以外の場合にキャンセルされますので遅くなったり副作用出たりしませんよ。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script language="javascript">
var oldIE=0;
/*@cc_on if(@_jscript_version<10){oldIE=1; } @*/

function altPlaceHolder(){
 if(oldIE==1){
  $('[placeholder]').focus(function() {
    var input = $(this);
    if (input.val() == input.attr('placeholder')) {
      input.val('');
      input.removeClass('placeholder');
    }
  }).blur(function() {
    var input = $(this);
    if (input.val() == '' || input.val() == input.attr('placeholder')) {
      input.addClass('placeholder');
      input.val(input.attr('placeholder'));
    }
  }).blur();
 }
}//end altPlaceHolder()

$(function(){ altPlaceHolder(); });
</script>
</head>
<body>
<input name="keyword" type="text" placeholder="検索するキーワードを入力" />
</body>
</html>

動的にinputのDOMを追加すると適応されないので、その場合もう一度 altPlaceHolder() を呼べば適応されます。


  1. 2013/3/19(火) 12:19:15|
  2. JavaScript
  3. | トラックバック:0
  4. | コメント:0

JavaScript昔話

昔々、JavaScript村のお話し。

#太郎: おーい#与作、#与作!
#与作: どうしたんだべ。
#太郎: てーへんだ! #禅衛門の家の前にnameがあったんじゃ。
#太郎: そんで#禅衛門がどこにもみあたらないんじゃ。
#与作: なんと恐ろしや。きっとhtml様の祟りにちげえねぇ。
#太郎: html様の祟りじゃ! #禅衛門の家に近ずくでねぇ!
#与作: 祟りじゃ!祟りじゃ! 恐ろしや~

その後 #禅衛門が見つかることはなかったとさ。



JavaScriptやってるとname属性は鬼門です。  遅い、バグになりやすい、わかりにくい。
達人は気にしないかもしれませんが、自分的にはhtmlをいじっちゃダメっていうnameしかセレクタがない状況でしか使いません。
idを必ず入れたほうが楽ですよね。
そんな説明にこの寓話を使ってください。


  1. 2013/3/18(月) 23:37:7|
  2. 未分類
  3. | トラックバック:0
  4. | コメント:0
次のページ
 X 閉じる
MORK