Croppyの作り方

Web サイト構築のためのトータルデザイン誌 Web Designing 2011年 12月号 に、jQuery × WordPress 活用事例ということで Croppy の作り方を掲載させて頂きました。 記事は2ペー …

Chromeの「シークレットウィンドウ」はWeb開発にとても使える

皆さん、Google Chrome の「シークレットウィンドウ」使ってますか? Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、 …

「WEB+DB PRESS総集編」が過去10年分のPDF入っててコスパ高すぎる件

昨日 @sou_lab さんのツイートで知ったのですが、今売られている「WEB+DB PRESS総集編[Vol.1~60]」という雑誌には、過去10年分の記事が PDF 形式でまるごと収録された DVD が付録で付いてい …

[連載]Webデザイン入門(3:光とボタン)

3日目の講義ではちょっとしたボタンを制作したのですが、テキストに載っていたボタンがちょっとおかしな感じだったので、反射光に関して簡単に説明してから、反射光を取り入れたボタンを制作しました。 ちょっとおかしな HOME ボ …

[連載]Webデザイン入門(2:スケッチしよう)

私は、職業柄(?)プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めてい …

[連載]Webデザイン入門(1日目)

本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweav …

SafariやChromeでGoogleのリンク色をカスタマイズする方法

2011年9月に入った頃から、突然 Google 検索結果ページ(SERP)のリンク色が、未訪問・訪問済み共に同じ色になってしまいました。 Twitter でツイートしても、同じ症状の方はそれほどいないようで、一部のユー …

MacのKeynoteでプレゼンする際に気をつけていること

先日の WordCamp KOBE では、Mac の「Keynote」というプレゼンテーションソフトを使ってプレゼンしたのですが、その際「なつきさんは iPhone をタップしながらプレゼンしてる?」など気になるツイート …

WordPressサイトをデザインする時に気をつけていること

この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起 …

9/11のWordCamp KOBEで講演します

9/11に兵庫県神戸市で開かれる「WordCamp KOBE 2011」で「WordPressサイトをデザインする時に気をつけていること」というテーマでお話させて頂きます。 このセッションでは ブログテーマを考えるときは …

新MacBook AirはWeb制作のメインマシンになり得るのか

この記事は、2011年版の MacBook Air について書いています。2012年版の MacBook Air については以下の記事をご覧ください。 MacBook Air 2012のレビューとWeb制作者のための設定 …

WordPressでWebサービスを作る方法(9:プラグイン)

WordPress は、プラグインを入れるだけでさまざまな機能を追加することができます。 例えば、BuddyPress というプラグインを入れればSNSのようなWebサービスが作れますし、オークションプラグイン を入れれ …

Apple Store渋谷の方に新MacBook Airで疑問に思ってることをぶつけてみた

2011/7/20 に発売された新型 MacBook Air は既に大きな話題になっていますね。 私は、2010年版の MacBook Pro 13″(2.4GHz)からの買い替えを検討しています。 (主に、 …

[連載]WordPressでWebサービスを作る方法(8:サーバ選びと高速化)

さて、ここまで読まれた方は WordPress でのブログはもちろん、Webサービスを作り、沢山の方に見てもらうために最低限必要なことはお分かりになったかと思います。 今回は、WordPress で作ったサイトを公開する …

[連載]WordPressでWebサービスを作る方法(7:ソーシャルメディアマーケティング)

さて、SEOを意識してコーディングしたところで、サービスをオープンしてすぐに人が来てくれるわけではありません。 昔は新しいサイトやサービスを作ってもすぐには人が来てくれないのが当たり前で、色々なサイトに相互リンクを申し込 …

[連載]WordPressでWebサービスを作る方法(6:SEO)

さて、ここまででとりあえず WordPress を使った写真素材サイトの土台はできました。 しかし、「サイトが出来さえすれば、誰にも見てもらわなくていい(むしろ見られたくない)」という場合は別として、一般的には折角作った …

[連載]WordPressでWebサービスを作る方法(5:WPをCMSとして使う)

さて、ここからはWordPressを単なるブログ構築ツールとしてではなく、Webサービス用のCMS(コンテンツ管理システム)として活用する方法について書いています。 そもそも、なぜ今回素材サイトをWordPressで構築 …

[連載]WordPressでWebサービスを作る方法(4:テーマの作り方)

WordPressは、HTML+PHPでできた「テーマファイル」を入れ替えることにより、ブログはもちろんニュースサイト、企業サイト、ギャラリーなど色々なWebサイトを提供することができます。 この連載の第3回で「Word …

[連載]WordPressでWebサービスを作る方法(3:WPとは)

ここまで読んでいる方は、「WordPressとは何か」ということは既にご存知だとは思いますが軽く触れておきます。 あと、WordPressの仕組み(どのように動作しているか)や、WordPressで作られたWebサービス …

[連載]WordPressでWebサービスを作る方法(2:開発環境の構築)

昨日から連載している「WordPressでWebサービスを作る方法」の第2回です。 今回は、WordPressをカスタマイズするための「開発環境」を構築します。 「開発環境がどうの」と聞くと、普段プログラミングをされない …

[連載]WordPressでWebサービスを作る方法(1:PHPとは)

このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS(コンテンツ管理システ …

「日めくり★イタリア」というブログパーツを配布します

「日めくり★イタリア」というイタリアのかわいい写真が毎日日めくりで入れ替わるブログパーツを作りましたので配布します。 HTMLタグをコピペするだけで色々なブログやWebサイトに設置できます。 横幅300pxと160pxの …

WordPressを高速化するプラグインを作りました

今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作 …

コーディングを楽にするためのPHP関数と、Macか判別する関数

このブログをリニューアルするにあたって、コーディングを楽にするためにブラウザごとにCSSのclassを分けるPHP関数と、Macか判別する関数が必要になったので書きました。 よろしければご活用ください。 ブラウザごとにc …

HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件

私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密に …

実質1行でメールフォームのSPAMを防ぐjQueryスクリプト

3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンし、このサイトのサイドバーに クックパッド みたいに気軽にメッセージを送れるフォームを設置しました。 しばらくは何事も無かったので …

[Mac] Chromeのアイコンを元に戻す方法+新機能について

Google Chrome 11がリリースされ、多くの方はGW前に自動アップグレードされたかと思います。 私は昨年からChromeをメインブラウザとして愛用していますが、Chrome 11に関してはどうしても満足できない …

ブログをリニューアルし、ポートフォリオを公開しました

ご覧のとおり、このブログ(Stocker.jp / diary)をHTML5でリニューアルしました。 今回のテーマは「紙のように軽く、昔の雑誌のように上質で、見る人の印象に残るページ」とし、h1〜h3の文字詰めにこだわり …

[プレスリリース] 無料で商用利用可、著作権表示不要の「フリー写真素材 :: Free.Stocker」が正式サービスイン

 Webサービス開発を行う Stocker.jp(ストッカードットジェーピー:東京都世田谷区)は、2011年4月6日(水)に 無料 商用利用OK 著作権表示およびリンク不要 改変OK 日本語および英語でのキーワード検索が …

日本語フォントを1文字¥105から買えるWebサービス

サイトの見出しなどにちょっと変わったフォントを使いたい場合、アルファベットだと無料 or 数百円で購入できますが、日本語は1フォントが数万円する場合が多くなかなか気軽に購入できませんよね。 昨日、たまたまフォントを1文字 …

ついに出た!Chrome版「Page Speed」の使い方

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役 …

無料写真素材サイト Free.Stocker を公開しました

既にご存じの方も多いかと思いますが、無料の写真素材サイト Free.Stocker をオープンいたしました。 どなたでも、無料・著作権表示不要・商用可・改変可でご利用頂けます。

カルピスバターの選び方とおいしいレシピ♪

Twitter でカルピスバターの話題が盛り上がっていたので、今回は カルピスバターの種類と選び方 ご家庭で簡単に作れるおすすめのレシピ(私のオリジナルレシピ) カルピスバターとおいしく付き合うために   というテーマで …

[Webデザイン] 文字組みについて本気出して考えてみた

これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的 …

WordPressをプラグインに頼らず多言語化する方法

現在、WordPressを使ってギャラリーサイトを構築しているのですが、その過程でプラグインに頼らず多言語化(日本語と英語の自動切替)の方法がわかったのでここにまとめておきます。 なぜプラグインに頼らないかというと、プラ …