webtech « nurulogue

webtech

いい漢字の、大きさだね。

2009/07/19

最近パソコンから離れて手書きで資料を作る機会が多くてそれに伴って漢字を書く機会も大変多くなったのです。
僕は忘れてしまった漢字を思い出すためにブラウザの検索窓とかに入力する事が多いのですが、ちょっと複雑な字が小さくて見にくいことがしばしばありました。
そこで、でっかい文字入力があればいいなーと思うようになったのです。
ということ出発で、@askadnaさんにプログラミングをしてもらって、大変ニッチなサービスを一晩勝負で作ってみました。

http://nurumayu.com/dekanji/

サービス名：いい漢字の、大きさだね。
コンセプト：ど忘れ漢字をでっかく表示

目的としてはただ大きい字が見れればいいだけなのですが、それだけだと味気なかったのでいろいろと機能を考えてみました。

最近入力された漢字の表示
よく入力される漢字のランキング表示
YahooのAPI「ルビ振りWebサービス」をの機能を利用して入力された漢字を習う学年を表示。
jQueryの表示のエフェクトを使って何も入力しないときに過去に入力があった漢字をランダム表示
漢字以外の文字が入力された場合ショボーンが表示される

只今VistaのIE7とFirefox3.0x位でしか表示確認行ってないので、不具合等ありましたら、お知らせください。

Amazon Reloaded for WordPress

2009/03/28

Amazonアソシエイト公式の商品紹介が写真がちっちゃくて、ボタンもついててイマイチだったので、シンプルで写真が大きい表示方法ないかと探していていたんです。そんなとき見つけたのがwordpressのプラグインの「Amazon Reloaded for WordPress」でしたw
導入までのメモっす。

1.プラグインをダウンロード

Amazon Reloaded for WordPressからダウンロードしてくる。

2.ファイルアップロード

解凍したものをwordpressのフォルダ/wp-content/pluginsにフォルダごとアップロード

3.インストール

wordpressの管理画面の「プラグイン」で、Amazon Reloaded for WordPressを「使用する」にしてアクティブに。

4.設定

「設定」の「Amazon Reloaded」でamazonの「Associate ID」と「Country」をJapanに設定して「Update Options」でアクティブに

step41

5.商品の埋め込み

投稿画面の一番下にAmazon Reloaded for WordPressが追加されているので掲載したい商品を検索する。
検索結果から商品を選ぶ。写真の大きさが三種類とテキストリンクを挿入することができる。
挿入したい記事にカーソルを合わせてから挿入したいパーツを組み込めばおｋ。

step5

タグ: amazon, plugins, wordpress

wordpressテンプレート作成作業だいたい完了

2009/03/25

wordpressに触れる機会があまりないので、まずはお友達になるところからはじめた。
MTに比べると関数にHTMLタグが含まれてたりするので、完全にオリジナルにとはいかないけどそれが逆に取り回しやすくていい感じ。

カスタマイズの手順としては

1.ブログの基本デザイン作成

2.普通にxhtmlコーディング

3.header.php footer.php sidebar.php index.phpに分離させる。
（基本的にdefaultのテーマからコピペして変更箇所を書き換える感じで）

4.single.phpやその他のページの作成

ざっくりこんな感じで進めた。

3.以降はdreamweaverでプレビューができず、本番環境での確認になる。
wordpressの吐き出すCSSのclass名やIDはfirebugで参照すると便利に感じた。

このテーマ、windowsではあらかたチェックしたけど、mac環境でどうなのか、ちょっと恐ろしい。。
今後記事が増えてきた時に不都合がでてきたらいろいろいじってみようと思う。

タグ: wordpress

fireworksとphotoshopのjpg書き出し実験

2009/03/21

フォトショッパーのデザイナーの方がfireworksの書き出しが汚いと言っていたので実際に見比べてみることにしよう。
手順：写真をPhotoshopで書き出し直前まで加工→fireworksにコピー→fireworksで書き出し（画質80％）→書き出されたファイルの容量にあわせてphotoshopの書き出しの画質を調整

fireworksCS4
jpg書き出し：画質80%
サイズ：23.5KB
mikufw1