Born Neet

プリンタ買ったので色々なステッカーを自作してみた

2009-12-07 (Mon)
日記

プリンタの無い生活に限界を感じて、ついに買ってしまった。
（ボーナス近くて気が緩んでた・・・）

BROTHER Mymio A4インクジェット複合機 DCP-390CN: ブラザー工業 2009-10-06

by G-Tools , 2009/12/06

というわけで、前からやりたくてしかたなかった
ステッカー自作に挑戦してみた。

使った用紙はこれ。

エーワン手作りステッカーキレイにはがせるA4 28874: A-ONE 2008-05-21

by G-Tools , 2009/12/06

ダイソーのも試したけど、
やっぱりフィルムでコーティングしないとステッカーぽくならないので、
セットになってるこいつが便利。

さて、結果は・・・

こうなりました。
※ HTML5とBUMP（祝新曲！）とappleのが自作です。

予想よりはきれいにできました。
特に赤いりんごがリンゴがお気に入りです。

とか思ってたら、光が漏れてるーorz（ずれてる！）

あと、eeepcにもHTML5を貼っときました。
（macbookほど白くないのでステッカーの白地が目立っちゃいますね。）

ステッカー作り楽しいー！！

Comments: 0
TrackBack: 1

wp.Vicunaをなんちゃってhtml5化してみる（断念）

2009-12-06 (Sun)
html5

HTML5勉強会＠Operaでダニエルさんのlive codingを見て、
僕もやりたくなったので、wp.Vicunaを（本当にちょっとだけ）いじってみました。

html5.bornneet.com

・・・はい、微妙です。
まぁせっかくなのでこれから作っていくであろう、
html5系の作品の公開に使おうと思います。

というわけで、以下作業ログ。

0. 準備

まず、ローカルに環境を整えます。
（さすがに公開サーバ上でテンプレを弄ってくわけにはいかんので）

で、面倒なのでapache friends - xampp for macos xを使用して
環境構築は一瞬で終わらせました^^

それでは作業開始です。

1. DOCTYPEを変更

# diff wp.vicuna/header.php wp.vicuna5/header.php 
1,3c1
< <?php echo '<?xml version="1.0" encoding="'. get_bloginfo('charset') . '" ?>'; ?>
< 
< <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
---
> <!DOCTYPE html>

The W3C Markup Validation Serviceでチェックしてみると、もうhtml5です。
（元はxhtml 1.0S Strict）

ネタとしてはこれだけでもいいかもですが、一応できるところまでやってみます。

2. <head>をスマートに

11c9
< <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
---
> <html lang="<?php echo $lang; ?>">
13,14c11
< 	<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
< 	<meta http-equiv="Content-Script-Type" content="text/javascript" />
---
> 	<meta charset="<?php bloginfo('charset'); ?>" />
22c19
< 	<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
---
> 	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" />
28c25
< 	<script type="text/javascript" charset="utf-8" src="<?php echo get_vicuna_javascript_uri() ?>"></script>
---
> 	<script src="<?php echo get_vicuna_javascript_uri() ?>"></script>

3. <header>

こいつらを全部置換↓（preview以下はめんどいので除外）

# grep 'div id="header"' wp.vicuna5/*
wp.vicuna5/404.php:<div id="header">
wp.vicuna5/archive.php:<div id="header">
wp.vicuna5/category.php:<div id="header">
wp.vicuna5/index.php:<div id="header">
wp.vicuna5/page.php:<div id="header">
wp.vicuna5/search.php:<div id="header">
wp.vicuna5/single.php:<div id="header">
wp.vicuna5/tag.php:<div id="header">

# grep '#header' wp.vicuna5/* wp.vicuna5/*/*
wp.vicuna5/footer.php:	<p class="return"><a href="#header"><?php _e('Return to page top'); ?></a></p>
※ 扱いに困ったのでとりあえず#で逃げた
wp.vicuna/style-vega/core.css:  div#header
wp.vicuna/style-vega/core.css:div#header {
wp.vicuna/style-vega/core.css:div#header p.siteName {
wp.vicuna/style-vega/core.css:div#header p.siteName a {
wp.vicuna/style-vega/core.css:div#header p.siteName a:hover {
wp.vicuna/style-vega/core.css:div#header p.description {
wp.vicuna/style-vega/layouts.css:div#header,
wp.vicuna/style-vega/layouts.css:body.eye-h div#header {
wp.vicuna/style-vega/layouts.css:body.eye-h div#header p.siteName {
wp.vicuna/style-vega/layouts.css:body.eye-h div#header p.description {
wp.vicuna/style-vega/layouts.css:body.eye-hb div#header {
wp.vicuna/style-vega/layouts.css:body.eye-hb div#header p.siteName {
wp.vicuna/style-vega/layouts.css:body.eye-hb div#header p.siteName a {
wp.vicuna/style-vega/layouts.css:body.eye-hb div#header p.description {
wp.vicuna/style-vega/layouts.css:body.gt div#header {
wp.vicuna/style-vega/layouts.css:body.al div#header,
wp.vicuna/style-vega/layouts.css:body.f800 div#header,
wp.vicuna/style-vega/layouts.css:body.f850 div#header,
wp.vicuna/style-vega/layouts.css:body.f900 div#header,
wp.vicuna/style-vega/layouts.css:body.f950 div#header,
wp.vicuna/style-vega/layouts.css:body.f1000 div#header,

知らない要素はinline描画される可能性があるので、block化
/*
 http://html5doctor.com/html-5-reset-stylesheet/
 http://people.opera.com/danield/presentations/html5/html5-markup.pdf
 */
article, aside, dialog, details, figure,
footer, header, hgroup, nav, section, time {
	display:block;
}

やばい、思ったよりしんどい。
でもなんとか見た目は崩れずに成功。

4. <footer>

やることはheaderと同じ。
# grep 'div id="footer"' wp.vicuna5/*
wp.vicuna5/footer.php:<div id="footer">
t-no-macbook:themes root# grep '#footer' wp.vicuna5/* wp.vicuna5/*/*
wp.vicuna5/style-vega/core.css:  div#footer
wp.vicuna5/style-vega/core.css:div#footer {
wp.vicuna5/style-vega/core.css:div#footer a {
※ 文字色が変わっちゃったので!importantで逃げた
wp.vicuna5/style-vega/core.css:div#footer a:hover {
wp.vicuna5/style-vega/core.css:div#footer ul {
wp.vicuna5/style-vega/core.css:div#footer ul li {
wp.vicuna5/style-vega/core.css:div#footer address {
wp.vicuna5/style-vega/layouts.css:div#footer {
wp.vicuna5/style-vega/layouts.css:body.al div#footer {
wp.vicuna5/style-vega/layouts.css:body.f800 div#footer {
wp.vicuna5/style-vega/layouts.css:body.f850 div#footer {
wp.vicuna5/style-vega/layouts.css:body.f900 div#footer {
wp.vicuna5/style-vega/layouts.css:body.f950 div#footer {
wp.vicuna5/style-vega/layouts.css:body.f1000 div#footer {

※ IE対応

header.phpにhtml5.jsを仕込めばok。

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

中身はこんなの。
（IEは知らない要素のスタイル指定を無視するので、
事前にcreateElementして知ってる要素として扱わせる）
// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()

まとめ

articleとかsectionをやってこそのhtml5なんですが、
なんかこれ以上やると今日寝れなくなりそうので、
一旦中断しときます。

やっぱりいきなりこの規模のhtmlは無理があったか・・・

本格対応は、いずれ本家の方でされると思うので、
それを待ちましょう！ということで。

Comments: 0
TrackBack: 0

無料版xreaに新規サブドメインでwordpressをインストール

2009-12-06 (Sun)
cms

既に同じ記事が死ぬ程あると思いますが、
いつもどこかしらで躓くので、自分用にメモ。
（作業しながら殴り書いたので日本語おかしいのは勘弁して下さい。）

xrea準備

まず、以下の手順でサブドメインを設定。
Xrea＆Value-Domainでサブドメインを設定する時の注意 - Born Neet

次にMySQLを作成。
　[管理画面ログイン]
　→[データベース]
　→[パスワードを適当に入力＋文字コードをUNICODEに]
　→[作成]
でおしまい。

※ 必要に応じてphpMyAdminも入れておく。
　同じ画面の下の方にある[インストール]をクリックするだけ。
　ログインパスワードは管理画面に書いてあるものではなく（！）、
　mysql作成時に指定したもの。
　（phpmyadminについての質問です。サーバ：xrea phpmyadmin 2.10.1 お聞きしたいのは「phpmyadminのログインパスワードはどこに設定されているのか」という事です。突然ロ.. - 人力検索はてな）

wp設定

WordPress | 日本語からダウンロード。
解凍するとwordpress2フォルダが出てくる。

wordpress2/wp-config-sample.phpをwp-config.pnpにリネーム。

DB_NAME, DB_USERにxreaのユーザ名、
DB_PASSWORDにはデータベースの作成時に入れたパスワードを設定。
（インストーラでも設定できるけど、なんか問題が起きそうなので手動で編集）

認証用ユニークキーをWordPress.org の秘密鍵サービスからコピペ。

wpインストール

wordpress2フォルダの中身を設置ディレクトリにアップロード。
/wp-admin/install.phpにアクセして、
タイトルとメールアドレスを入れる。

このままだと管理画面が使えたもんじゃないので、
wp-admin/.htaccessに「LayoutIgnoreURI *.php」を書いておく。
（公開ページじゃないので広告消しても問題ないはず）

あとは、wp-content/uploadsディレクトリを作成して、
パーミッションを707にでもしておけばとりあえず使える状態に。
セーフモードによる制限と対処方法 - WordPress Codex 日本語版

デフォルトのテーマのままじゃつまらんので、
最後にwp.Vicunaを入れてインストール完了。

ふー、意外と簡単にできたな。

Comments: 0
TrackBack: 0

Opera in mac (snow leopard)

2009-12-04 (Fri)
mac

今更ながらうちのmacにoperaをインストールしてみた。

公式サイトにアクセスして、「Operaのダウンロード」からGET。
あとは、ダウンロードしたファイルを実行して出てきたOpera.appのアイコンを、
アプリケーションフォルダにドラッグ＆ドロップすれば完了。

Enjoy, HTML5!

これで"There's an Opera in my laptop"になりました。
（Operaさんノベルティありがとう@HTML5を使ってみよう！）

Comments: 0
TrackBack: 0

CGIプログラミング第2版その1：CGI.pmの準備

2009-11-30 (Mon)
Perl

4章まで読み終わった。（遅い！）
いよいよCGI.pmをバリバリ使っていくぞ！
・・・と、思いきや、なんか準備がいるそうで。

P.99によると、
アップロードされたファイルを自動で保存する機能が、
デフォルトでONになっているそう。
（しかもファイルサイズ無制限）

そりゃ怖いので、早速チェックしてみた。
※ 今まで何もせずにuse CGI;しちゃってたけど^^;

perl -MCGI -e 'print $INC{"CGI.pm"},"\n";'
/System/Library/Perl/5.10.0/CGI.pm
※ Class::Inspector - Perlモジュールのファイルパスを取得 Kawa.netブログ（川崎有亮）/ウェブリブログ

cat -n /System/Library/Perl/5.10.0/CGI.pm | head -99 | tail -6
    94	    # Set this to a positive value to limit the size of a POSTing
    95	    # to a certain number of bytes:
    96	    $POST_MAX = -1;
    97	
    98	    # Change this to 1 to disable uploads entirely:
    99	    $DISABLE_UPLOADS = 0;

おぉ、ホントだ。。
今のバージョンは違うかなぁとか思ったけど、本の通りだー。

修正しておこう。
（方法はp.100参照。そこまで書いちゃうと著作権的にOUTなので）