nurulogue » webtech http://www.nurumayu.com/nurulogue とあるへたれwebデザイナーの備忘録 Tue, 09 Feb 2010 08:29:33 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 いい漢字の、大きさだね。 http://www.nurumayu.com/nurulogue/webtech/116.html http://www.nurumayu.com/nurulogue/webtech/116.html#comments Sun, 19 Jul 2009 11:11:00 +0000 noland http://www.nurumayu.com/nurulogue/nikki/116.html いい漢字の、大きさだね。

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

http://nurumayu.com/dekanji/

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

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

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

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

]]> http://www.nurumayu.com/nurulogue/webtech/116.html/feed 0 Amazon Reloaded for WordPress http://www.nurumayu.com/nurulogue/webtech/60.html http://www.nurumayu.com/nurulogue/webtech/60.html#comments Fri, 27 Mar 2009 16:03:17 +0000 nuru http://www.nurumayu.com/nurulogue/?p=60 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

]]> http://www.nurumayu.com/nurulogue/webtech/60.html/feed 0 wordpressテンプレート作成作業だいたい完了 http://www.nurumayu.com/nurulogue/webtech/45.html http://www.nurumayu.com/nurulogue/webtech/45.html#comments Tue, 24 Mar 2009 19:02:48 +0000 nuru http://www.nurumayu.com/nurulogue/?p=45 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環境でどうなのか、ちょっと恐ろしい。。
今後記事が増えてきた時に不都合がでてきたらいろいろいじってみようと思う。

]]> http://www.nurumayu.com/nurulogue/webtech/45.html/feed 0 fireworksとphotoshopのjpg書き出し実験 http://www.nurumayu.com/nurulogue/webtech/29.html http://www.nurumayu.com/nurulogue/webtech/29.html#comments Fri, 20 Mar 2009 19:10:37 +0000 nuru http://www.nurumayu.com/nurulogue/?p=29 フォトショッパーのデザイナーの方がfireworksの書き出しが汚いと言っていたので実際に見比べてみることにしよう。
手順：写真をPhotoshopで書き出し直前まで加工→fireworksにコピー→fireworksで書き出し（画質80％）→書き出されたファイルの容量にあわせてphotoshopの書き出しの画質を調整

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

photoshopCS4
jpg書き出し：画質53
サイズ：23.5KB
mikups1

判定、よくわからない。
話的にはCS３とかCS2、8の時代なので、macromedia時代だからだっから？
劇的に変わってたらどうしようかと思ったけど、一安心？

]]> http://www.nurumayu.com/nurulogue/webtech/29.html/feed 0 Twitter Balloon http://www.nurumayu.com/nurulogue/webtech/15.html http://www.nurumayu.com/nurulogue/webtech/15.html#comments Fri, 13 Mar 2009 18:20:40 +0000 nuru http://www.nurumayu.com/nurulogue/?p=15 Twitterのブログパーツをいろいろと物色。
Twitter Baloonが気に入ったので早速作ってみた。

Twitter Balloon

アカウント作って
↓
ログインして
↓
タイトル、twitterのidを入力して
↓
画像アップして
↓
背景色、文字色、噴出しの位置・色などかなり細かく調整できる

といった感じ。

で、こいつをサイドバーに表示させればOKと。
はようテンプレート作らんといかんですね。

]]> http://www.nurumayu.com/nurulogue/webtech/15.html/feed 0 初期設定の巻 http://www.nurumayu.com/nurulogue/webtech/5.html http://www.nurumayu.com/nurulogue/webtech/5.html#comments Thu, 12 Mar 2009 16:42:19 +0000 nuru http://www.nurumayu.com/nurulogue/?p=5 まずは初期設定ということで

WordPressの設置後、すぐにやっておきたい10の作業を参考に作業を進めた。

パーマネントリンクの設定は
%postname%
だと日本語には向かないので、
/%category%/%post_id%.html
で設定。

スキンも適当に変えてみた！
こちらはぼちぼちやるとしよう！

]]> http://www.nurumayu.com/nurulogue/webtech/5.html/feed 0 普通がすてき http://www.nurumayu.com/nurulogue/webtech/1.html http://www.nurumayu.com/nurulogue/webtech/1.html#comments Mon, 09 Mar 2009 17:59:38 +0000 nuru http://www.nurumayu.com/wp/?p=1 はじめの一歩

とりあえずwordpressのインストールから

はじめてみた。

所要時間10分くらい

デザインテンプレートかできるまでデフォルトでいこうと思う。適当に探してきたスキンに変更

]]> http://www.nurumayu.com/nurulogue/webtech/1.html/feed 0