Googleの読めないCAPTCHAは片方だけ入力すればよいことが明らかに

今朝 Facebook で @RisucoMorino さんと友人のやりとりを見て知ったのですが、実は読みづらいことに定評のある Google の CAPTCHA は片方だけ入力すればよいのだそうです…私は知りませんでし …

552

WordPressのトップページを雑誌や新聞のような段組にする方法

jQuery Masonry プラグインを使用すると、このブログのように雑誌や新聞のように記事一覧を並べることができます。

99

2011年買ってよかったもの・やってよかったことまとめ

2011年もまもなく終わろうとしているので、今年を振り返って「買ってよかったな」と思ったものと「やってよかったな」と思ったことをまとめておこうと思います。 基本的に Web 関係のことが多いですが、一部ゲームや Web …

424

なぜブログを書くべきなのか

この記事は元々「Web業界への就職を目指す」Webスクールの授業の時に話した内容をそのままテキストに起こし、一部追記したものですので、基本的に「ブログは仕事につながる、自分をプレゼンするツールになる」という部分に焦点をあてています。

37

Twitter/Facebook/RSSリーダーにもなるFlipboardに感動した

iPhone 版 Flipboard は、私が想像していたより遥かに便利で、快適で、心地よいアプリでした。

168

Croppyの作り方

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

1830

おそらく最もわかりやすいWordPressテーマ制作チュートリアル

はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。サンプル付きで、PHPやWordPressが初めての方にも分かりやすく解説しているつもりです。

592

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

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

238

Webデザインや配色をサポートする新サービス「Croppy」をリリースしました

Webデザインや配色をサポートするWebサービス: Croppy

91

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

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

133

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

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

364

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

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

1099

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

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

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

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

733

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

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

600

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

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

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

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

874

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

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

106

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

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

21

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

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

85

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

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

523

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

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

86

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

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

132

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

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

353

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

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

74

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

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

85

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

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

1492

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

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

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

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

632

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

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

48

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

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

1257

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

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

126

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

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

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

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

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

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