Web 開発

20 件の記事

MAMP の MySQL をコマンドで扱うには

Mac の代表的な開発環境と言えば MAMP ですね。 MAMP をインストールすると、初めから phpMyAdmin が使えるので、MySQL の作業はついついそれに頼ってしまいがちです。 しかし、サーバーによっては phpMyAdmin がインストールされていない場合もあり、コマンドで作業しないと行けないこともあります。そんな時のために、MAMP の MySQL をコマンドで操作して練習してお...

ブログのデザインをリニューアルしました

もう先週の話になりますが、ブログのデザインをガラッとリニューアルしました。今回は、やわらかい感じでかわいい系を目指してみましたw 【Before】約4年間、慣れ親しんだデザイン 【After】やわらかく、かわいい感じを目指したデザイン 全部 Fireworks で 今回のデザインはすべてFireworksで作ってみました。僕のFireworksデビュー作です。Fireworks、予想以上に便利でた...

「さくらのVPS 4G」に移転しました

またまたサーバーを移転しました。移転というか、プラン変更というか。 サーバー会社は今までと同じ「さくらのVPS」なんですが、これまで「1Gプラン」だったのを「4Gプラン」にしました。さくらのVPSの場合は、プラン変更の場合でも新規にサーバーを契約するのと同じになるので、作業としてはサーバー移転と同じですね。 さくらのVPSの設定にも大分慣れてきました。基本的な設定はだいたい大丈夫かな。 僕程度の個...

2011年、あけましておめでとうございます。

新年、あけましておめでとうございます。 昨年は、Movable Type、jQuery を中心にお勉強した1年でした。今年も引き続き、Movable Type、jQuery のスキルを高め、いろいろなプラグインを公開したり、サイト制作のお手伝いをしたり、自分が身につけた知識をアウトプットしたりしていきたいと思います。 今年はさらに、HTML5、CSS3、iPhone サイトなどについても積極的に勉...

jQuery を使って長いソースや文章をアコーディオンさせるサンプル

長いソースコードや文章を簡単にアコーディオンさせる jQuery のサンプルを作ってみました。 ブログを書いていて、長いソースコードが出てきた場合、それをそのまま pre 要素で掲載しちゃっていいものか迷うときがあります。ソースコードを見て理解したい人には親切だけど、使い方とかだけを見たい人には邪魔だろうなーと。そういったときに、とりあえず非表示にしておいて、見たい人はクリックしてアコーディオンし...

jQuery でテキストエリア内の文字はどのメソッドで取得する?

「jQuery でテキストエリア内の文字はどのメソッドで取得する?」と、ちょっと疑問に思ったので実験した備忘録です。 jQuery では、指定した要素の中の文字列は「 .text() 」、指定した要素の中のHTML は「 .html() 」で取得できます。また、input 要素( type="text" )の value については「 .val() 」で取得できます。 さて、では textare...

jQuery のセレクタを Firefox と Greasemonkey で練習する

最近、jQuery のセレクタをマスターするのに最適ということで「 Selectors 」というサイトが話題になっています。 実際にそのサイトを使ってみるとかなり良い感じで、ビジュアルで jQuery のセレクタが理解できるので本当に役立ちます。後は実践をこなして練習するのみですね。 さて、その「実践で練習する方法」ですが、ちょっとオススメなのが、 Firefox と Greasemonkey を...

google-code-prettify + jQuery でソースコードをハイライトする

ソースコードをハイライト表示してくれる JavaScript ライブラリは数多くありますが、今回、このブログに google-code-prettify というライブラリを導入してみました。 少し前までは dp.SyntaxHighlighter(ソースコードをカラフルに読みやすくする - dp.SyntaxHighlighter )を使っていましたが、どうもイマイチ好きになれなかったので使用を...

一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版

小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」(最近のブログ記事)のところにある星マーク(New マークのこと)がそれで(下図参照)、3日以内に作成されたブログ記事に表示されるようにしています。 このテクニックは、荒木さんご自身の著書『 Movable Type...

Google リーダーのAdobe AIR版- Google ReadAir

Google リーダーの Adobe AIR 版である「ReadAir」をインストールしてみました。 ブラウザで見る Google リーダーに不満があったわけではありませんが、何となく「Google リーダーと同期ができる rss リーダー」を探していたらこれを見つけ、注目の Adobe AIR 版だということで迷わずインストールしました。...