HRKD｜WebDesign, Photo, Mac etc. 児玉広樹のサイト » web-dev http://www.hrkd.net 札幌市在住のwebデザイナーの児玉広樹のサイト。house music(ハウスミュージック)が大好き、札幌市内のクラブでDJもちょくちょく。 Wed, 28 Apr 2010 17:19:57 +0000 ja hourly 1 http://wordpress.org/?v=3.0 displayobjectを自動で配置するとき、列数を指定してxとyを算出する http://www.hrkd.net/2010/04/14/id_650 http://www.hrkd.net/2010/04/14/id_650#comments Wed, 14 Apr 2010 08:50:37 +0000 admin http://www.hrkd.net/?p=650

12個目のオブジェクトを3列、列の間隔50px、行の間隔30pxでレイアウトする


for(var i=0;i<12;i++){
x = i%3 *50;
y = Math.floor(i/3) * 30;
}

]]> http://www.hrkd.net/2010/04/14/id_650/feed 0 tweenerのColorShortcutsを使う。 http://www.hrkd.net/2010/02/11/id_647 http://www.hrkd.net/2010/02/11/id_647#comments Thu, 11 Feb 2010 11:41:43 +0000 admin http://www.hrkd.net/?p=647


import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
Tweener.addTween(MitBillede, {brightness:1});

タイトルの通り、ColorShortcutsを使うときには、
「ColorShortcuts.init();」が必要！メモメモ

ソースはこちら。

]]> http://www.hrkd.net/2010/02/11/id_647/feed 0 ターミナルから.svnファイルの一括削除 http://www.hrkd.net/2009/12/17/id_622 http://www.hrkd.net/2009/12/17/id_622#comments Thu, 17 Dec 2009 05:53:14 +0000 admin http://www.hrkd.net/?p=622

from[Subversion] .svnファイルを一括削除する

rm -rf `find ./ -type d -name .svn ! -regex \.svn/. -print`

]]> http://www.hrkd.net/2009/12/17/id_622/feed 3 jQuery UIのtabsを実装する最低限要素 http://www.hrkd.net/2009/12/07/id_596 http://www.hrkd.net/2009/12/07/id_596#comments Mon, 07 Dec 2009 05:36:14 +0000 admin http://www.hrkd.net/?p=596

とーっても便利なjQueryの、すごーくクールなjQueryUIのtabsを実装するための最低限要素をご紹介。
（jQueryUIから必要なファイルだけ落とそうとしても、いろいろおまけしてくれる。）
必要なファイルはダウンロードページで、「UI core」と「Tabs」にチェックをつけて「Download」。たくさんファイルがあるが、必要なのは、下記の4ファイルだけ。

┳development-bundle
┃┣themes
┃┃┗base
┃┃　┗ui.tabs.css
┃┃
┃┃
┃┗ui
┃　┣ui.core.js
┃　┗ui.tabs.js
┃
┗js
　┗jquery-1.3.2.min.js

htmlのheadタグ内には、


<link rel="stylesheet" href="./ui.tabs.css" type="text/css" />
<script language="javascript" type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="./ui.core.js"></script>
<script language="javascript" type="text/javascript" src="./ui.tabs.js"></script>
<script language="javascript">
<!--
$(function() {
$("#tabs").tabs();
});
//-->
</script>

を追加。bodyタグ内に


<div id="tabs">
<ul>
<li><a href="#tabs-1">タブ1</a></li>
<li><a href="#tabs-2">タブ2</a></li>
<li><a href="#tabs-3">タブ3</a></li>
</ul>
<div id="tabs-1">内容1</div>
<div id="tabs-2">内容2</div>
<div id="tabs-3">内容3</div>
</div>

で、動作します。後のデザインはご自由に。

]]> http://www.hrkd.net/2009/12/07/id_596/feed 1 MT4でjQueryのpagerを使う http://www.hrkd.net/2009/11/19/id_483 http://www.hrkd.net/2009/11/19/id_483#comments Thu, 19 Nov 2009 04:58:23 +0000 admin http://www.hrkd.net/?p=483

MTのテンプレートは以下をまるまるコピーして使えます。テンプレートではエントリー6件で1ページを区切っています。
jQueryとjQuery pagerはダウンロードしてくださいね。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="something" />
<meta name="keyword" content="something" />
<script src="./jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./jquery.pager.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
$("#entries").pager(".pager_section");
});
</script>
<title>jquery.pager-mt</title>
</head>
<body>
<mtignore>エントリー6つで括る</mtignore>
<mtsetVar name="count" value="1">
<div id="entries">
<mtentries><mtentriesheader>
<div class="pager_section"></mtentriesheader>
<div class="entry">
<mtignore>ここに内容を挿入</mtignore>
<mt:Entrytitle>
<!-- /.entry --></div >
<mt:Unless name="count" op="%" value="6"><mt:If tag="MtEntriesCount" eq="$count">
<!-- /.pager_section --></div>
<mt:Else>
<!-- /.pager_section --></div>
<div class="pager_section">
</mt:If></mt:Unless><mtentriesFooter><mt:If name="count" op="%" value="6">
<!-- /.pager_section --></div>
</mt:If></mtentriesFooter><mtsetVar name="count" op="inc"></mtentries>
<!-- /.entries --></div>
</body>
</html>

]]> http://www.hrkd.net/2009/11/19/id_483/feed 0 cssのひな形 http://www.hrkd.net/2009/09/15/id_515 http://www.hrkd.net/2009/09/15/id_515#comments Tue, 15 Sep 2009 02:07:48 +0000 admin http://www.hrkd.net/?p=515

@charset 'UTF-8';

/*
:title
:created
:modified
:revision
:shortdesc
*/

/*=====================================
common setting
=======================================
*/

/*@import "00.css";*/

body,div,table,tr,td,th,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,span,a,img {
margin:0;
padding:0;
border:0;
}

/*=====================================
section
=======================================
*/

]]> http://www.hrkd.net/2009/09/15/id_515/feed 0 画像置換の決定版 http://www.hrkd.net/2009/01/30/id_441 http://www.hrkd.net/2009/01/30/id_441#comments Fri, 30 Jan 2009 00:49:42 +0000 hiroki http://www.hrkd.net/?p=441

なのかどうかは知りませんが、text-indentを使わない方法を見つけたので。

/*200×50の画像に置換*/
a {
background: url(images/post.gif) top left no-repeat ;
width:200px;
height:0;
padding:50px 0 0;
display:block;
overflow:hidden;
}

これだと、outlineも汚くならないし、いい感じ。IE5系には、height:0;の部分に変更を加えなきゃいけないけどね。

]]> http://www.hrkd.net/2009/01/30/id_441/feed 0 Mac上のウェブサーバーで、WPのパーマリンクカスタマイズがエラー http://www.hrkd.net/2008/10/22/id_420 http://www.hrkd.net/2008/10/22/id_420#comments Wed, 22 Oct 2008 07:00:02 +0000 hiroki http://www.hrkd.net/?p=420

［この記事は、lab.hrkd.netから移動したものです］

同じ症状は一通り検索した結果、ない。
おんなじ振る舞いをする症状は、大体.htaccessのパーミッションが原因なんだけど、そうじゃない。キーワードとして今のところ怪しいのはmod_rewriteって言葉。全然意味わかんないから、いっこづつ調べないと。

]]> http://www.hrkd.net/2008/10/22/id_420/feed 0 cssの切り替えjavascript http://www.hrkd.net/2008/10/15/id_409 http://www.hrkd.net/2008/10/15/id_409#comments Wed, 15 Oct 2008 01:22:31 +0000 hiroki http://www.hrkd.net/?p=409


［この記事は、lab.hrkd.netから移動したものです］
たつをの ChangeLogさんのJavaScriptでCSSを動的切り替えより。


<link id="basicStyle" rel="stylesheet" href ="diary.css"
type="text/css" />
[...]
<body>
[...]
Change CSS
<input type="button" value="diary.css"
onclick="document.getElementById('basicStyle').href=this.value"/>
<input type="button" value="debug.css"
onclick="document.getElementById('basicStyle').href=this.value"/>
<input type="button" value="css off"
onclick="document.getElementById('basicStyle').href=''"/></body>

切り替えじゃなくて、単に CSS を on/off するには styleSheet オブジェクトの disabled プロパティを使うのが正統派みたい。

ということみたいです。なるほど、なるほど。

]]> http://www.hrkd.net/2008/10/15/id_409/feed 0 北海道のラジオ局 FM NORTHWAVEのプレイリストを表示するpipes http://www.hrkd.net/2008/10/02/id_370 http://www.hrkd.net/2008/10/02/id_370#comments Thu, 02 Oct 2008 08:51:35 +0000 hiroki http://www.hrkd.net/?p=370

Yahoo!Pipesを利用して、北海道のFMラジオ局 NORTHWAVEのプレイリストを取得するPipesを作ってみました。

（なんのことか、タイトルで理解していただいた方は、一番下↓にリンク先があります。）
　
ボクは北海道（札幌は82.5MHz）で放送されているFM NORTHWAVEのファンです。というか、会社で常に流れているため、いつも聞いています。
大好きな曲、かっこいい新曲、昔から聞いていたけど、曲名がわからなかった曲なんかがいつも流れるので、
とても楽しいのです。しかし、問題がありまして、
　
曲名なんかを聞き取れなかったとき、うわ聞き逃した！「ちょーヤバかったのにどうしよう！」
となる訳です。
　
しかしNORTHWAVEさんは、そんな人のために、素晴らしいシステムを用意してくれました。
「MUSIC SEARTH オンエアされた曲を検索！」
すてき。さすが。
　
　
さて、アクセスしてみると、そのサイトが最悪にダサイのです。

　
ああ、残念だ。ボタンとかちっちゃいし。もっと「やっ」っと曲名知りたい。。。
という訳で作りました。
　
Pipes: FM NORTH WAVE TODAY’S PLAYLIST
　
iGoogleを使っている人は、ガジェットとして追加できるようです。すごい。

　
　
ウェブページに貼付けもできるんですね。↓
　
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"_q5eimj13BGEF6ySGsevXg","_btype":"list"}</script>
　
　

　
　
RSS対応のブラウザや、RSSビュアーを使っている人は、
http://pipes.yahoo.com/pipes/pipe.run?_id=_q5eimj13BGEF6ySGsevXg&_render=rss
　
上記のアドレスを登録できるようです。
現状だと、リンクはすべてNORTHWAVEになっちゃってます。
もうちょっと改良して、アマゾンやITSへのリンクを作るといいでしょうか。

]]> http://www.hrkd.net/2008/10/02/id_370/feed 1