2010/1/22 (金)

【HTML】ウィンドウサイズ指定【ちょっとした小技】

東北地方を彷徨っていた友人からもらった日本酒が気に入ったYu-ichiです:neko:

今回はアンカータグを使い、新規ウィンドウを開いたときに
ウィンドウサイズを予め指定して開く小技です。:wa-i:

調べるとjavascriptを使ったものがたくさん出てきますが、
やりたいことはただウィンドウサイズを指定することだけ。
表示するウィンドウの位置や、メニューバーなどの表示・非表示などのコントロールは不要なのです。:cat_5:

そんなわけで、すごく簡単なやり方を2種類ご紹介したいと思います。:b_body_jump:

まず1つ目は、アンカータグに埋め込む方法。
こちらのリンクをクリックしてみてください:yubiright:ホームページ制作ネットインパクト
いかがでしょうか?
別ウィンドウで開き、さらにウィンドウサイズが変わったと思います。:cat_5:

やり方は簡単で、以下のようにアンカータグ内に「resizeTo」にてウィンドウサイズを指定するだけです。

— ソース —
<a href=”http://www.netimpact.co.jp” onClick=”resizeTo(1024,800)” target=”_blank”>
ホームページ制作ネットインパクト
</a>
————-

resizeTo(横,高さ)
これは覚えておくと便利ですね。
外部リンクに飛ばす場合などに使えるやり方です。:neko:


さて2つ目は、リンク先ページのヘッダー内に埋め込む方法。

これはリンク先のページの<head>タグ内に「resizeTo」を埋め込みます。

— ソース —
<head>
<script language=”javascript”>
resizeTo(800,600);
</script>
</head>
————-

これは<head>タグ内に書かなければなりませんので、HTMLが編集できることが条件になります。
内部リンクなどで使えそうなやり方です。:kaoemoji3:
この記述のメリットは、リンク先のHTMLに書かれているので
どこからリンクされても、必ず同じウィンドウサイズになる点です。
つまり、外部から直リンクされても大丈夫というわけです。:cat_5:

たったこれだけの記述で、ウィンドウサイズを操れます。
とっても簡単ですね。

ちなみにこの記事のタイトルは、とある実験の為にこのように書いてみました。:hamster_4:

今回の小技、役に立った!と思ったらクリックお願いします:kaoemoji2:
:onegai: :yubiright:  人気ブログランキングへ:yubileft:

2010/1/15 (金)

WordpressのRSSを取得する

インフルエンザから完全復活のYu-ichiです:neko:

RSSには様々な使い方があると思います。:wa-i:
一般的には、お気に入りのブログのRSSを登録し、
最新の記事が登録されたらすぐに読むといった使い方があると思います。

このRSSは、Wordpressも使用しており、上記の利用方法ができます。:cat_5:

Wordpressの場合は、このブログを例に挙げると
RSSを取得する場合、以下のようなURLを登録することでRSSリーダーで読むことが出来ます。
  :yubiright:http://www.netimpact.co.jp/blog/feed

とまぁ、ここまではごく普通のお話です。:kaoemoji2:
上記方法だと、このブログに書かれる記事全てのRSSとなり
興味のないカテゴリーに投稿があった場合も通知してしまいます。:naku:
Wordpressが便利なのは、カテゴリー毎にRSSを簡単に取得できる点です。:cat_5:

このブログを例に挙げると、例えば「ホームページ制作の裏話」というカテゴリーだけを
取得したい場合は、以下のURLを登録してみてください。
  :yubiright:http://www.netimpact.co.jp/blog/?feed=rss2&cat=3

すると、この「ホームページ制作の裏話」のRSSのみを取得することができるはずです。:cat_5:
  :yubiright:ブログURL/?feed=rss2&cat=カテゴリーID

この方法だと1つのカテゴリーのみ取得できますが
その他のカテゴリーにも興味がある場合、以下のようにカテゴリーIDを「,」カンマで区切ることで
複数カテゴリーを登録することができます。:wa-i:
  :yubiright:ブログURL/?feed=rss2&cat=カテゴリーID1,ID2,ID3

その他にも、特定のカテゴリーを除くという場合には、
以下のようにカテゴリーIDの前に「」マイナスを付け加えます。
  :yubiright:ブログURL/?feed=rss2&cat=-カテゴリーID1

このような感じで、feed1つとってもいろいろなパターンで取得ができることも
Wordpressの魅力の1つではないでしょうか?

この方法を使って、動的なページもできますので
応用パターンを考えてみてはいかがでしょうか?:wa-i:

(´・∀・`)ヘー
と思った方は是非、クリックをお願いします。:kaoemoji2:
:onegai: :yubiright:人気ブログランキングへ:yubileft:

2009/12/25 (金)

トマトで時間を管理する方法

新メニューの坦々つけ麺が美味しかったのでまた食べ行こうと思っているYu-ichiです:neko:

さて、「ポモドーロ」というものをご存知でしょうか?:kaomoji4:
おそらく食に興味のある方なら、トマトが思い浮かんだと思います。
パスタとか美味しそうですよね。:wa-i:

でも、今回は食ではなく、仕事に関係するポモドーロのお話です。:neko:

実は、最近私も知ったのですが時間管理の手法の1つに
「ポモドーロ(pomodoro)」というものがあるそうです。
こちらが原文のポモドーロチートシート

どうやら25分を1ポモドーロという単位に置き換えて、作業をするようです。
では、具体的に見てみましょう。

まず、準備するものはこちら:nikukyu:
————
・時間を計るタイマー(キッチンタイマーと原文にはあります)
・鉛筆
・TODOシート
・アクティビティシート(?)
・記録シート

手順としては・・・
やることリストを書いて、それを分けて
25分単位で1つ1つ片づけていくという感じですね。
(夏休みの計画表を思い出した・・・:cat_6:

この25分という時間が1ポモドーロという単位になり、
その時間内は作業に集中し、
1ポモドーロ終わるごとに小休憩し、4ポモドーロ終わった時点で休憩をとる
といった感じの流れだそうです。
1ポモドーロ→5分休憩→1ポモドーロ→5分休憩
→1ポモドーロ→5分休憩→1ポモドーロ→15~30分休憩

これがポモドーロテクニックというものだそうです。:cat_5:
この通りに行けばよいのですが、実際は割り込みなどで作業が中断されることが普通です。
その場合は、後回しにできる割り込みなら、ポモドーロが終わってから対処するなど
細かいルールが決まっているみたいです。

時間管理は大変ですね:neko:
それにしても、「ポモドーロ」って言いにくいですね:wa-i:

:onegai::yubiright: 人気ブログランキングへ :yubileft:

2009/12/21 (月)

WordPress 2.9日本語版がリリースされました

鍋は美味しいと改めて思ったYu-ichiです:neko:

さて、12月19日にWordPress2.9(日本語版)がリリースされました。

:nikukyu:動作環境

 WordPress 日本語版 2.9 以降

  • PHP バージョン 4.3 以上
  • MySQL バージョン 4.1.2 以上

まだ動作テストはしていませんが、動作環境は満たしているようなので
さっそく近いうちにテストしてみたいと思います。

何といっても今回は機能の追加が目玉でしょう。:cat_5:

  • ごみ箱機能
    投稿やコメントを削除しても、ごみ箱から戻すことができます。
  • ビルトイン画像エディタ
    画像の切り抜き・編集・回転・反転・拡大縮小ができます。
  • 一括プラグインアップグレード&対応バージョンチェック
    FireFoxでアドオンを使っている方なら分かりやすいと思いますが、
    プラグインを一括でアップグレードしたり、バージョンチェックが可能です。
  • より簡単な動画埋め込み
    URLを専用の場所にコピーするだけで、Youtubeなど代表的な動画サイトの動画を埋め込むことができます。

特にビルトイン画像エディタと動画埋め込み機能は、待望の機能ではないでしょうか?
他にもSEO面での強化や、管理画面の強化などが行われているようです。
(Twitterにも触れているような・・・)

とりあえず、まずは使ってみることですね!
次期バージョンでは、メディア機能をより強化するらしいので、期待大です。

 WordPress2.9のセットアップから動作テストまで
やる気を起こさせるためにもクリックお願いします:neko:
:onegai::yubiright:人気ブログランキングへ :yubileft:

2009/12/11 (金)

ブログの携帯対応がもうすぐ可能に?!

FF13の発売日が待ち遠しいYu-ichiです:neko:

みなさん、予約はしましたか?:wa-i:

ブログランキングが5位まで下がってしまいました:naku:
皆さま、ご協力を宜しくお願い致します。
清き1クリックをお願いします:kaoemoji2: 人気ブログランキングへ :yubileft:ついでにこっちも:kaoemoji2:
 

さて、現在ご提供しておりますブログ投稿システムですが、
新規分に関しては、最新バージョンのWordpress2.8.6を導入しております。

前バージョンの2.6.3からのバージョンアップのテストを行い、
問題がなければ移行を考えております。
(プラグイン関係が・・・:cat_6:

それと同時に、携帯対応したい!という声が増えてまいりましたので
導入のテストを行っております。
現段階で申し上げられることは、対応できる可能性大というところです。:kaoemoji1:

サーバーのPHPのバージョンを4から5に切り替えた際に
画面が表示されなくなってしまう問題がありましたが、解決できましたので
これからデザインも含め、携帯対応を進めていくところです。:kaomoji7:

さて、この表示されなくなってしまう問題。:naku:
弊社サーバーでは、PHP4とPHP5の環境を自由に切り替えて使えるようになっております。
こういった特殊な環境で動かした場合、同じようにページが表示されない不具合がでたら、
下記のカスタマイズで解決できるかもしれません。:wa-i:

———–
wp-includes」→「canonical.php」を開き、
最終行近くにある
add_action(’template_redirect’,'redirect_canonical’);
をコメントアウトまたは削除すると動くようになるかと思います。

また、弊社の環境では、WordpressのインストールはPHP4で行い、
インストール後にPHP5に切り替える必要がありました。
(PHP5に切り替えたインストールを進めると、表示がおかしくなる)
———–

同じような現象でお困りでしたら、一度お試しください:neko:

2009/12/4 (金)

SSIコマンド覚え書き(config編)

最近、つけ麺を食べに行くことが少なくなったYu-ichiです:neko:

夜は寒くて、外食行くことがなくなりました:hamster_7:

さて、今回は「config」コマンドをご紹介したいと思います。
何度か出てきていますが、「config」コマンドはその他のコマンドで表示する
表示形式を指定したり、うまく動作しない時に任意のエラーメッセージを出したりと
補助的な役割のあるコマンドです。

configコマンドの引数には、こんなものがあります。:cat_5:

  • errmsg     うまく動作しない時のエラーメッセージ
  • sizefmt     ファイルサイズの表示設定
  • timefmt     日時の表示設定

具体的にはこんな感じです。:kaoemoji3:

——-

エラー時のメッセージを変更する
【ソース】
<!–#config errmsg=”エラーが発生しました”–>

【表示】
エラーが発生しました

——-

ファイルサイズの表示を変更する
【ソース】
<!–#config sizefmt=”bytes”–>
ファイルサイズ:<!–#fsize file=”任意のファイル”–>Byte

【表示】
ファイルサイズ:1,234,567Byte
(configを使わないと、1.2Mとなります。)

——-

日時の表示を変更する
【ソース】
<!–#config timefmt=”%Y/%m/%d (%H:%M:%S)”–>
<!–#echo var=”DATE_LOCAL”–>

【表示】
2009/12/4 (16:45:32)

——-

ちなみに日付のフォーマット(%Yとか%mなど)は、種類が沢山あります。:kaoemoji1:
上手くまとめてあるサイトがいろいろありますので、割愛します。:kaomoji8:
Yahoo!「ssi timefmt」の検索結果

さて、ここまできたらあとは実際に使ってみてください。:neko:
いろいろ活用できると思いますよ!
ただし、何度も言いますがSSIはPHPとの併用ができませんのでご注意ください。

PHPできれば、これくらいのことくらい簡単に実現できそうですが・・・:cat_6:

 

【SSIコマンド覚え書き(概要)】
http://www.netimpact.co.jp/blog/2184

【SSIコマンド覚え書き(flastmod編)】
http://www.netimpact.co.jp/blog/2246

【SSIコマンド覚え書き(fsize編)】
http://www.netimpact.co.jp/blog/2274

【SSIコマンド覚え書き(echo編)】
http://www.netimpact.co.jp/blog/2309

【SSIコマンド覚え書き(exec編)】
http://www.netimpact.co.jp/blog/2379

:onegai::yubiright:人気ブログランキングへ 

2009/11/28 (土)

ホームページ制作には欠かせない特定商取引法に基づく表記

休日になると用が多くてなかなか休養がとれないsinosanです。

ところで、
ブログランキングにも挑戦中です。
ぜひ、投票をお願いいたします。

:hand:    人気ブログランキングへ  :kurikku:

 

私たちホームページ制作業として、無視して通れない法律の改正とそれが施行されます。:kaoemoji3:
特定商取引法に基づく表記についてです。

ネットショップを運営されているサイト様には、準備は滞りなくお進みでしょうか。

ページ内の表記についても通販に関する改正のポイントとして、以下のものがあげられます。

1、返品の可否・条件・送料の負担を明確に表示していない場合は、8日間、送料を消費者負担で
  返品(契約の解除)を可能になりました。
  また、返品に関する事項についても、返品に関するトラブルの主な原因となっている「返品の可否」・
  「返品の場合の条件」・「返品時の送料負担」については表記を省略してはいけない。

2、購入者にとって『見やすい箇所(特商法表記ページへのトップページからリンクするなど)』において
  『読みやすく・判別しやすく(文字色やフォントの大きさなど)』できるように、内容など解りやすくする
  ことができるように表示させることが必要です。

以下は、運用面での改正点です。
3、電子メール広告に関する業務を一括して受託する事業者についても、規制の対象とします。
4、クレジット会社等に対して、個人情報保護法ではカバーされていないクレジットカード情報の保護の
  ために必要な措置を講じることを義務づけるとともに、カード番号の不正提供・不正取得をした者等を
  罰則の対象とします。

 

悪質な訪問販売やどんな理由があっても返品を受け付けないネットショップ業者などの取り締まりを
強化するための改正と思われますが、返品の可否や返品の条件など、ホームページにきちんと
表示されていることが条件となります。
また、商品のページなどにわかりやすく該当ページへの案内が必要になります。:kaoemoji2:

皆様のところでは、いままで表示している内容に変更がなければ、ちょっとの修正で済んでしまいますよね。
でも準備は怠りなく。

Windows7とXPのデュアルブート

Myダーツを新しく購入したYu-ichiです:neko:

以前、ちょこっと書いたWindows7とXPのデュアルブート作業が終わりました。
何度OSを入れ直したことか・・・:naku:
この方法でインストールをすると、7もXPもCドライブにインストールすることができます。
(実際は別パーティションだけど、マスクして見えなくしています)

というわけで、今回は手順を書き留めておこうと思います。:kaoemoji3:
まず用意する物は以下の通り。

  • パソコン
  • フロッピー or フラッシュメモリ
  • Windows 7
  • Windows XP
  • MBM

さて、大まかに手順を説明すると
パーティションを切って、それぞれXPと7をインストールする
たったそれだけの作業なのに、ものすごく苦戦しました。:naku:

まず、フロッピーまたはフラッシュメモリを起動ディスクにします。
ここら辺を参考に:yubiright:USB起動ディスクの作り方

その次にMBMを起動ディスク内にコピーします。
ここら辺を参考に:yubiright:MBMをUSBメモリからインストールする

ここまで準備をしたら、いよいよインストール作業に入ります。

1.起動ディスクからMBMをインストールし、パーティションを作成します。
  作成するパーティションはXP用、7用、共有で使うドライブ用の3つ作成しておくと良いと思います。
  MBMをインストールすると、起動時にブートドライブを選択する画面が表示されるようになります。

2.Windows XPを普通にインストールします。
  他のドライブはフォーマットせずにそのままでOKです。
  OS上で確認すると、XPがインストールされたドライブがCドライブとなっているかと思います。
  セットアップが完了したら、再起動してください。

3.再起動すると、ブートドライブの選択画面が表示されるのでマスクを設定します。
  XPを入れたドライブを選択し、「F7」キーを押して、そのドライブにマスクを設定します。
  設定後、再起動して7のインストールに入ります。

4.Windows 7を普通にインストールします。
  インストール先のドライブには、3つ表示されていますが、
  XPが入っているドライブにはマスクがかかっているので、インストールできません。
  空きドライブにインストールをして下さい。
  セットアップが終わり、OS上で確認すると、7が入ったドライブもCドライブとなっていると思います。

5.再起動し、MBMのブートドライブ選択画面が表示されたら、自動マスク設定をします。
  自動マスク設定をしておくと、
  XPで起動したときに7がインストールされたドライブがマイコンピュータ上から消え、
  逆に7で起動したときには、XPがインストールされたドライブが見えなくなるので、
  システムを壊す心配が無くなります。

  【 手 順 】
    XPがインストールされているドライブを選択し、「F8」キーを1回押すと、
    [ ---1 ]
    というように、末尾に数字が付いたと思います。
    同じように7がインストールされているドライブで「F8」キーを2回押すと、
    [ ---2 ]
    となると思います。
    これで自動マスク設定が完了です。

 

注意点としては、Windows 7でパーティションを切ってしまうと、
MBMで管理出来ない形式になるらしく(?)苦労します。:naku:

こういったことをする際には、お決まりのことですが・・・自己責任でお願いします:baikin_2:

 

以下のブログランキングで1位を目指しております。:kaomoji7:
この情報が役に立っても、立たなくてもとりあえずクリックお願いします:kaomoji6:
:onegai::yubiright:現在5位人気ブログランキングへ  現在2位

2009/10/9 (金)

デジタル・ネイティブに変身する(3)

カテゴリー: ホームページ制作の裏話 — taka @ 14:11:02

海外版ビデオをレンタルし過ぎて、消化不良になっているtakaです。

最近、お客様の依頼でビデオや動画をホームページに掲載したいというニーズが増えています。

私個人は、新作ビデオを毎日のように見ていますが、
YouTubeやYahoo!動画を毎日見る習慣は、ありません。

デジタル・ネイティブには必須のYouTube Minor Details download

しかし、デジタル・ネイティブにとっては、テレビやラジオとと同じような感覚で、
YouTubeを「ながら見」している若者が多いようです。

デジタルネイティブにとって、YouTubeは、
「著作権違反ともいえる魅力あるコンテンツが無料で見られるところ」と
「自分だけの情報を発信できる事」や
「世界中の人からの反応やメッセージがくる」という事が他の媒体にない大きな魅力になっているようです。

YouTubeは、利用者も2007年に1000万人を超え、
現在でも日に35,000本のペースでコンテンツが増え続けているらしい。

しかし、現在はまだGoogleの収益に貢献しているとはいえませんが、
YouTubeは、Googleに2000億円という高額で買収されるくらいの未来価値があると言うことでしょう。

(GYAOは、著作権の問題はクリアしているようですが、儲かっていないし衰退に向かっている感があります)

一般にネット上でコンテンツを顧客に見せるためには、その裏で維持コストがかかります。
でも、YouTubeを利用できれば、コストは大幅に削減されます。
(著作権が問題になりますが・・)

今回の選挙でも、YouTubeや動画を利用した政策演説や政治活動が話題になりましたが
一般企業でも、動画の活用が今後の会社やサービスのPRには、かかせないものになり気がします。

まあ、そんな訳で ・・・
僕もとりあえずユーザー登録を完了し
気軽にYouTubeライフをスタートしてみたいと思います。:nikukyu:

近いうちに動画を投稿してみたいと思います。

海外版ビデオもたまってるし、寝不足になりそうです。:kaomoji8:

それではまた。 :hei01:

 

関連記事は↓こちらから
http://www.netimpact.co.jp/blog/2075
http://www.netimpact.co.jp/blog/394

ブログランキング挑戦中です。
よかったらクリックお願いいたします。

  :onegai:   :yubiright:   The Loss of a Teardrop Diamond buy   人気ブログランキングへ

A American Crimen hd Human Traffic dvdrip Kuffs ipod

Scary Movie 4 full movie

2009/9/11 (金)

Adobe Flash PlayerのFlashがすごい

新しく出たiPod nanoを買おうか悩み中のYu-ichiです:neko:

これがデジタルネイティブってことなんだなぁと今思ってしまいました:kaoemoji1:

さて、弊社でもホームページを制作した際に、
サイトのイメージ作りの1つとして、FlashをTOPに入れたいというご要望にお応えしております。:wa-i:
簡単なスライドショー的なFlashから、不動産サイトで使用しているようなボタン機能を備えたものまで
できるだけお客様のご要望にお応えすべく、日夜努力しております。:naku:<誰か代わって~

さて、Firefoxを起動した際に、FlashPlayerのアップデートをしてというメッセージが出たのでアップデートしてみました。
そしてAdobe社のFlashPlayer10のFlashを見たときに、とても驚きました:cat_5:

それが、こちらのFlash
http://www.adobe.com/jp/products/flashplayer/

なんというか・・・すごい!の一言です。。。:cat_5:
また、こんなことも・・・
http://www.adobe.com/jp/products/flashplayer/features/?promoid=DZGGD

Flashをこれだけ使いこなせれば、楽しいでしょうね。
いつかこんなFlashを作ってみたいものです:neko:
頭の中では、もっと良い演出とか魅せ方など、たくさん動きのアイディアが閃くのですが
形にできるだけの技術がないです:naku:
よ~し、がんばってFlash映画監督デビューだ!:wa-i:

 

そんなわけで、いつもの↓↓:kurikku::kaomoji6:
:onegai::yubiright: 人気ブログランキングへ