Home

tech2web

サイトのドメインを「sideb.jp」へ変更しました。

当サイトのドメインを、theworldismine.jpからsideb.jpに変更しました。

# いかんせんURLが長過ぎたので・・・ (-_-;
# で、いきおいでやった。
# 反省はしてない。

ちなみにドメイン名の由来は、90年代にNHKで放送されていた伝説的(?)番組、
「土曜ソリトン SIDE-B」
から拝借。

また検索サイトとにらめっこしつつ、こつこつ更新し直しです・・・orz

「dp.SyntaxHighlighter」を導入!

「dp.SyntaxHighlighter」を導入してみました!
JavaScript と CSS で構成されているパッケージで、ウェブページに各種のソースコードを綺麗に表示することができます。

ソースコードをブログで公開する場合、文字列そのままだととても見づらい訳ですが、「dp.SyntaxHighlighter」を使うことで、まるでIDEや高機能テキストエディタのように、綺麗にソースコードを表示することができます。

うちみたいなブログには大助かりですね(w

いろいろと調整は必要ですが、こんな感じに表示されます。

CSSの場合

/* トップページのbody */
body#top {
background-color: #f0f0f0;
margin: 10px;
}
/* トップページのmain領域 */
body#top div#main {
margin: 30px auto;
border: 1px solid #bfbfbf;
}

HTML、XHTML、XMLの場合

<!-- end div#header -->
<div id="header">
<p class="siteName"><a href="http://tech2web.theworldismine.jp/">tech2web</a></p>
<p class="description">Html. CSS. PHP. MovableType... and more !!</p>
</div>
<!-- end div#header -->

SQLの場合

-- サンプル(何かをSELECTするSQL)
SELECT
USER_ID
NAME,
MAIL_ADDRESS
FROM USER_INFO_TABLE
WHERE USER_ID LIKE '%ghostrider%';

MovableType の「更新ping」を設定!

このブログは Movable Type を使用しています。
でも正直、まだよく判ってない部分もあったり、なかったり(汗

小粋空間: Movable Type を始める前に設定しておきたい 10 の項目

なるほどー。

とりあえず「更新ping」について対応してみました。

↓デフォルトにこれらを追加。

  • http://blogsearch.google.com/ping/RPC2
  • http://rpc.reader.livedoor.com/ping
  • http://ping.rss.drecom.jp/
  • http://ping.ask.jp/xmlrpc.m
  • http://api.my.yahoo.co.jp/rss/ping?u=(RSSのURL)
  • http://ping.fc2.com
  • http://rpc.technorati.jp/rpc/ping
  • http://ping.namaan.net/rpc/
  • http://www.blogpeople.net/servlet/weblogUpdates
  • http://blog.goo.ne.jp/XMLRPC
  • http://blogstyle.jp/xmlrpc/
  • http://www.blogoole.com/ping/
  • http://www.blogoon.net/ping/
  • http://blog-search.net/up.php
  • http://ping.bloggers.jp/rpc/

Illustrator基本の10!

素晴らしい記事が公開されました。

これだけ覚えればだいたいOK!! Illustrator基本の10

月刊誌「Web Creators」などを出版しているMdNのサイトに公開された記事です。

Web製作はしたけど、いまいちドロー系のツールがよく判らない・・・。
そんな人にはもってこいの記事ですね。

MovableType環境をコピーしてみる。[さくらインターネット]→[XAMPP@WindowsXP]

さくらインターネットにMovabletypeをインストールして使用しております。
しかしテンプレートの編集方法などがイマイチ判らず、ローカルにテスト環境を作って色々試してみたいなと思った所存。

まずは、
(1)さくらインターネット(以下、www)のファイルをすべてローカルにDL。

(2)パスやDB接続を定義している設定ファイルを修正。
  対象ファイル: [movabletypeのルート]/mt-config.cgi

そして、
(3)ローカル(Windows)のXAMPP上でもcgiが動くように、Perlアドオンを用意。
  ※その辺は コチラ を参考にしました。

あとは、
(4)XAMPP側にDBを丸ごと移行。

なのですが・・・。

さくらインターネットには「phpMyAdmin」が用意されています。
XAMPPにも「phpMyAdmin」があるので、手順としては以下のようになります。

1)さくらインターネット(以下、www側)のphpMyAdminで、Databaseの「エクスポート」でSQLテキストをローカルに保存。
2)XAMPP側のphpMyAdminで、SQLテキストからDatabaseの「インポート」。

しかし実際にインポートしてみると、Movabletypeの管理画面で記事が文字化けー。

phpMyAdminではエクスポート・インポート時のエンコーディングを指定できるのですが(設定なし/ECU/SJIS)、どう合わせても駄目。

んー。

とりあえず、エクスポートしたSQLテキストをサクラエディタで開いてみる。
サクラエディタのエンコードを変えながら開いてみると・・・。

「SJISでエクスポートしたファイル」を、「UTF-8」で開くと日本語記事も文字化けしていない事に気づく。

早速、SJISでエクスポートしたファイルを、XAMPP側で「UTF-8」としてインポートしてみると、Movabletypeの管理画面で日本語記事が読めた・・・。

試しに再構築しても問題なし。

全く理由が判りません。。。

「トラントの企業IT相談所」、公開っ!

自社のサービスが公開されました!

その名も、
トラントの企業IT相談所

簡単な質問形式で、貴方の会社の「IT度数」を診断します!
IT導入を考えてる会社さんには是非ともお試し頂きたい…!

オイラはデザイナー氏が作った画像を元に、ページのHTMLを組み立ててCSSで形作る担当でした。

ブラウザの差(てかほとんどIEのバグ)に苦労しました(※)が、すごく勉強になりました。

(※世の中ぜんぶFirefoxなら良いのに、って本気で思いましたw)

製造でぶち当たった壁や、そこから身に付けた豆知識なんかもちょっとづつアップしていきたいと思ってます。

そして、今後も株式会社トラントを要チェック!!

Apache2.0でポート毎にサイト環境を作る方法(※要するに仮想環境)

サーバで「ルートから辿る」記述をしているHTMLソースを、そっくりそのまま自分のマシン上で動かす必要があったので調べてみました。

【要件】
・Apache2.0
・同一のIP、複数ポートをリスン
・ポート毎に異なるDocumentRoot

要は、やりたい事はこれ。
http://httpd.apache.org/docs/2.2/ja/vhosts/examples.html#port

でもこのドキュメント、Apache2.2系の解説なんだよなー。。。

とか思いながらApache2.0のhttpd.confを見てたらこんなくだりを発見。(httpd.confの一番最後)

<引用>
#
# VirtualHost example:
# Almost any Apache directive may go into a VirtualHost container.
# The first VirtualHost section is used for requests without a known
# server name.
#
#
# ServerAdmin webmaster@dummy-host.example.com
# DocumentRoot /www/docs/dummy-host.example.com
# ServerName dummy-host.example.com
# ErrorLog logs/dummy-host.example.com-error_log
# CustomLog logs/dummy-host.example.com-access_log common
#

意外と簡単そうじゃないかと。
早速、Example通りに追記してみる。

//////////

ServerAdmin webmaster@dummy-host.example.com
DocumentRoot “D:\www\tr-lab\itshindan”
ServerName itshindan.jp:81
ErrorLog logs/itshindan-error_log
CustomLog logs/itshindan-access_log common

//////////

あとはリスンポートの設定にポート81を追記。
オイラのマシンでは元々ポート80をリスンしていたので下のようになる。

//////////
#
# Listen: Allows you to bind Apache to specific IP addresses and/or
# ports, instead of the default. See also the
# directive.
#
# Change this to Listen on specific IP addresses as shown below to
# prevent Apache from glomming onto all bound IP addresses (0.0.0.0)
#
#Listen 12.34.56.78:80
Listen 80
Listen 81 (←今回追記した部分)
//////////

この2つの追記を行ってApacheをリスタート。
無事に各ポートでリスンしてくれました。

ちなみにポート82を追加しても動きました。
どこまで増やして大丈夫かはマシンパワーに依存するのかな。。。?

Oracleのキャラセット確認

Oracleのキャラクタセットの確認方法をメモ。

下記のSQLを実行。

SELECT VALUE
FROM NLS_DATABASE_PARAMETERS
WHERE PARAMETER=’NLS_CHARACTERSET’;

実行例。

VALUE
——
UTF8

(2007/05/27修正:「文字コード」ではない)

SELECT文を1画面ごとに一時停止させる

参考サイト

■”SET PAUSE ON”
ユーザがEnterを押すまで画面表示が止まる

■”SET PAUSE OFF”
一気に結果を表示(SQL*PLUSのデフォルト)

■”SET PAUSE (表示したいメッセージ)”
一時停止と同時にメッセージを表示
例)”SET PAUSE Enterを押して下さい”

ASTERIA3からMySQL5にJDBC接続する方法

InfoteriaのFAQでは「MySQL対応」が明記されているのに、特に設定方法が明記されていません。
まぁおそらく、開発経験者ならJDBCの設定なんて(他DBの場合の説明と併せて考えれば)判るだろう、という事なんでしょうが。

というわけで、忘れないように一応メモ。

1.MySQLのJDBCドライバをゲットする
ここの、
→Downloads→Connectors
から「Connector/J」をダウンロード。

2.ASTERIA Server3 に配置
ゲットしたzipファイルから、JDBCドライバ「mysql-connector-java-5.0.5-bin.jar」を取り出して、
[ASTERIAインストールディレクトリ]/lib/ext
に配置する。

3.ASTERIA Server3 再起動

4.接続設定
「ASTERIA Server Management Console」(ASMC)の設定はこんな感じ。
・データベースタイプ
 →「MySQL5」を選択
・ドライバー
 →「com.mysql.jdbc.Driver」
 ※上で「MySQL5」を選ぶと勝手に入力してくれる
・URL
 →「jdbc:mysql://[ホスト名]:[ポート番号]/[データベース名]」の形で入力
 ※ちなみにMySQLのデフォルトポート番号は「3306」
・ユーザ名
 →MySQLをインストールした時に決めてるはず
・パスワード
 →上に同じ

この内容で使えるようになる(はず)。

参考記事:ASTERIA準備室 – 「まずはDBに書き込むフローからいってみますか」

Home

Search
Feeds
Meta

Return to page top