Category ‘制作日記’
Googleリーダーを知ってから日々WEB制作に関するニュースを追いかけられています。
気になる記事はデスクトップにとりあえずショートカットを作って後で整理する感じにしてるのですが、別のパソコンで気になる記事を見つけたらメインのパソコンにショートカットを移すのが面倒でした。
そこでソーシャルブックマークを使おうと決意し色々使ってみて結局人気のあるはてなブックマークを使っていたんだけど挫折。
・ソーシャルな機能はいらない、
・サムネイルが無いので分かりづらい
・よそにデータがあるとなんかイヤ
って事で自分で作る事にしました。
>> ウェブクリエーターズブックマーク
サムネイルはHeartRails Captureのを使わしてもらって。
負荷がかかるとHeartRails Captureさんに迷惑かかるかと思ってサムネイルはキャッシュする様な感じにしてます。
サムネイル画像は横長の方がカッコイイと思ってレイアウトしたらヘッダしか見れなくなったのでBackground-Position Animationsを使いカーソルを合わせるとスクロールし、全体が見れる様にしています。
サムネイルには掛かってる数字は管理用の数字なので表示する必要は無いけどアクセントとして付けてます。
HTMLにフォントを埋め込んで回転させたりしてるので全てのブラウザに対応って訳にもいかないしフォントの読み込みに時間が掛かるので普通やらないけど実験的にやってみた。（ieはちょっと数字の位置を変えてる）
ちなみにロゴの横の顔は海外のWEB制作者向けのブログデザインによくコーヒーカップがあるのとウェブのWが目、クリエーターズのCが鼻、ブックマークのBが耳になっています。
2009/10/16 | Tags: WEBクリエーター, ブックマーク | 制作日記 | コメントください »
WordPress2.8.4にバージョンアップしてから記事のタイトルの下（正確には記事の上）に記事へのURLが現れる様になった。
原因は「the_content」の3つ目の現在使用されてないmore以降を表示する為のリンク先を指定したのが原因だった。
現在のテンプレートはCSSの都合でページ内リンクをすると表示が変になるのでページの頭に飛ばしたくて付けたんだけど現在サポートされていないという事で「いつかバージョンアップして直ればいいな」ぐらいに思ってたんだけど、なぜかWordPress2.8.4から3番目の文字を記事の上に表示する様になった。
そこで、まずテンプレートの「the_content」の3つめの引数を削除した。（2番目もついでに消した。）
それから無理矢理リンク先のアドレスからページ内リンクを削除する事にした。
「the_content」は「/wp-includes/post-template.php」に関数がある。
これは「the_content」は「get_the_content」を出力用に整形してるらしい。
そこで226行あたりにある「get_the_content」のリンクを生成してる記述から「#more-$id」を削除した。
とりあえず、コレで思い通りページ内リンクしなくなったけど、バージョンアップの度に修正する必要があるのが不便。
2009/10/05 | Tags: WordPress | 制作日記 | コメントください »
これまでの手順で進めていくと
http://192.168.0.4/
の一つのサイトしか開発できない。
現時点でもいくつかのプロジェクトを開発しているし、今一つのプロジェクトしか開発していって人も今後複数のプロジェクトを開発する事になるかもしれない。そこでプロジェクト（サイト）単位でユーザーを作成し、
http://192.168.0.4/~myrelease/
みたいな感じで~（チルダ）に続くユーザー名でアクセス出来る様にしたいと思う。
(さらに…)
2009/08/09 | Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
前回に続きubuntuの設定とソフトのインストールをしていく。
（ここに記してる設定は開発環境用なのでセキュリティ甘々です。）
実はubuntuのサーバー版はコンソールで日本語が化ける。サーバーのコンソールはあまり使わないのでスルーした。
（直したい人は[ThinkIT] 第2回：Ubuntu Serverをインストール (4/4)を参考に）
(さらに…)
2009/08/08 | Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
今回もubuntuのサーバー版を入れる事にする。
お亡くなりになった自作のサーバーに入っていたのもubuntuだったのでCDは既に用意してある。
インストール時に悩まない様に設定を先に決めておいた方がいいかと思います。
もちろん後でも変えられるけど色々弄った後だと変えるのが面倒だ。
IPアドレス：192.168.0.4
ubuntuに振り当てるIPアドレス。サーバー用途なのでIPは固定します。
本名：ubuntu
別に本名を書く必要はありません。適当でOKです。
ログインユーザー名：uda2
普段使いのユーザー名です。rootは予約済みなのでそれ以外にします。
ログインパスワード：
今回はテスト環境なので入力しやすいものでOK、文字数が少ないと怒られますが別に気にする事はありません。
MySQLのrootパスワード：
これもテスト環境なので入力しやすいものでOK、ログインパスワードと同じでいいかと思います。
ホスト名：ubuntu
samba（ファイル共有）で使うコンピューターの名前です。Windowsでいうところのコンピューター名です。
ドメイン名：hogehoge.org
サーバーのドメイン名です。公開する時はドメインを取ってからの話ですが今回はテスト環境なので適当でOKです。
後は開発のプロジェクト毎にユーザー名とパスワード
(さらに…)
2009/08/08 | Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
Link Stationに続き数ヶ月前に構築した自作サーバーがお亡くなりになった。
最近、暑さでFANが五月蠅かったのでたまに電源を切ったりしてたけど、まさか壊れてしまうとは・・・
フタを空けてみたが見た目にはなんにも異常は無いけどモニタに何も映らずブラウザでもtelnetでもアクセス出来ない。
自作サーバーはまだ未公開（公開する予定も無いけど）で、主に開発環境として使っていただけだった、とはいえ開発環境が無くなると困るので構成を考え直す事にした。
元々、この自作サーバーは数年前にヤフオクで買った2つのサーバー（計2万円くらい）パーツの生きてるパーツを合わせて作ったものでDNRH-001と同じくC3 1GHzと電気代は安いが非力で単純にページを表示したり簡単なスクリプトを動かすには十分だけどmySQLを使ったりすると重くなっていた。
買い直そうかと探してみたが最近は自宅サーバーを作るのはATOMやAthlonの低電力版を使うのが主流な様で安くみつもっても2万ぐらいはかかる。
よくよく考えるとメディアサーバー（DNRH-001）とWEBサーバー（自作サーバー）の2つのサーバーを動かすのは電気代を考えると無駄だ。そこで公開する時はメディアサーバーを公開サーバーにするとして、メインのパソコン内に仮想サーバーを建てこちらをテスト環境にする事にした。
仮想化する事によってスペースもスッキリするし、使うときだけ立ち上げればいいので電気代も安くなり、サーバーのレスポンスも良くなり、バックアップもディスクイメージごとバックアップできる。
仮想サーバーのソフトは無料のVMware Playerを使う事にした。
VMwareは元々Windows95や98のテスト環境用にVMwareを使っていてなじみがある。
VMwareのサイトに行くと新しいバージョンが出ていたので再インストールする事にした。
(さらに…)
2009/08/08 | Tags: ubuntu, VMware, 仮想サーバー, 開発環境 | 制作日記 | コメントください »
IE6でSexyBookmarksの日本Ver.を確認したところ一瞬まともに表示するがすべてdeliciousのアイコンに変わってしまい、カーソルを合わせても動かない。
提供元でも同じだし他のサイトでも同じだった。
調べてみるとまずCSSがおかしかったIE6はhoverの擬似クラスはaタグにしか効かないはずなのにliにかけてる。とりあえずliタグの背景にアイコン画像を入れてたのをaタグの背景に変更する。
それでもIE6で動かないソースを見てみると
<!– Start Of Code Generated By WP Social Bookmark Menu 1.1.4 –>
<!–[if lt IE 7]> <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js” type=”text/javascript”></script>
<![endif]–>
って怪しい記述が・・・
どうもGoogleが提供してるCSSやJavaScriptがIE6以下を気にしなくてもいいようにしてくれるライブラリらしい、さっきのliタグにhoverをかける為に付けたのだろうけどGoogleにアクセスする分微妙に遅くなるし、CSSはさっきIE6でも動くように直してしまったのでいらんと判断し、/wp-content/plugins/wp-social-bookmark-menuにある「wp-social-bookmark-menu.php」の257行目あたりの下記の記述を削除
echo "\n".'<!– Start Of Code Generated By WP Social Bookmark Menu ‘.vNum.’ –>’."\n".
‘<!–[if lt IE 7]>’."\n".
‘<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>’."\n".
‘<![endif]–>’."\n";
という事でめでたくIE6でも動く様になりました。
もちろんIE7・8、firefox3、Opera9、Safari3・4、GoogleCrome2でも動きました。
修正したCSSはココです。
2009/08/03 | Tags: WordPressプラグイン, ソーシャルブックマーク | 制作日記 | 1件のコメント »
豊富なプラグインが特徴のWordPressに移行したという事で色々プラグインを試してみた。
All in One SEO Pack
SEOに効くらしいプラグイン。
元々ブログってかなりSEOを意識した作りになってるし、正直、あまり効果は無いと思うけど一応入れてみた。
個人的にはWordPressのタイトルのセパレーターが「»」ってのが気に入らなかったので書き換えられたぐらいかな。
Popularity Contest
人気記事を表示するプラグイン。
右のウィジェットに入れてます。
これは以前から入れたかったのでいい感じ。
コメントやページビューなどを優先する項目を微調整して人気記事をランキング表示できます。
Simple Tags
タグ付けプラグイン。
そもそも、最近のWordPressにはタグ機能があるのでいらないんだけど、コレを導入すると「関連する記事」が付けられます。
これも以前から付けたかったのでいい感じ、ただ本体のタブ機能とかぶってるってのがスッキリしない。
WP Super Cache
キャッシュ機能を付けて高速化するプラグイン。
WordPressの一番の弱点は表示が遅いこと、これを解決するプラグインなんだけど、SafeMode（多くのレンタルサーバー適用されているサーバーを安全に運用するためのPHPのモード）だと動かすのが厄介で、なんとか、xrea,coreserverでのWP Super Cacheとかwp-super-cacheのインストール(ロリポップ)を参考に問題のあるエラーは表示しなくなったけど表示は遅いままキャッシュにもファイルは貯まっていない。
なんか入れると不安定になったとかいう人もいるのでとりあえず外して、DBを最適化してちょっとは速くしようと思ったのですが何の変化もありませんでした。
WP-PageNavi
ページを新しい記事、古い記事、だけじゃなくページ番号でリンクするプラグイン。
入れようと思ったけど、またテンプレート弄らなきゃいけないし、ブログだと新しい記事、古い記事だけで十分かなとか思って一回も使ってません。
あと、前回紹介した「SexyBookmarks」と自分で作った登録した広告をランダムに表示するプラグインを入れてます。
2009/08/03 | Tags: WordPress, WordPressプラグイン | 制作日記 | コメントください »
WordPressで生成されたソースを見てみるとRSSの記述が分かりにくい事になってる。
しかも、アドレスが変わってしまってる。
このブログをRSSリーダーで見てる人はいないだろうけどTechnorati (テクノラティ) なんかはRSSから情報を取ってる可能性があるのでアドレスが変わってしまうと今後参照してくれないかもしれない。
そこで、とりあえずRSSの記述はheader.phpに普通のhtmlで追記して、アドレスの方はWordPress Codex 日本語版を参考に.htaccessで飛ばそうとしたが自力ではうまく行かなかったので、[WordPress]MovableTypeから移行するときにRss/Atomフィードも転送するの記事の通りやると上手いこといった。
2009/08/02 | Tags: RSS, WordPress | 制作日記 | コメントください »
海外のブログは右にサイドバーがあるサイトが多くWEBデザイン系の人気のあるブログには大抵125×125pxのバナー画像が並んでる。
そこで、見た目だけ真似してバナーを並べてみた。
調べてみるとBuySellAdsの広告らしい。
BuySellAdsはブログユーザーと広告主をマッチングさせるサービスをしてる会社の様だ。
日本にもこれを真似たPitta!があるがバナーのデザインがしょぼいくサイズがまちまち。
しかも、以前は結構広告の予約が埋まっていたサイトも空席が目立つ。
2009/08/02 | Tags: バナー | 制作日記 | コメントください »