Webデザイン、Web制作の最新情報を分かりやすく解説するブログ

Macでのブログ執筆に役立つ、3つのアプリと周辺機器

私は普段 MacBook Air でブログを書いているのですが、ブログを快適に書くために使っているアプリや機能や周辺機器（？）をいくつかご紹介します。 MiniShadow Mac でブログ書いてて便利だなーと思うところ …

Webデザイナー視点から見たPhotoshop CS6の進化したところ

Photoshop CS6はスルーした方がいいかな…と思っていたのですが、試しに CS6 Windows 版のベータ版を使ってびっくり。Webデザインに関連する部分も大きく進化していました。

PhotoshopでのWeb制作効率を向上させる「JSX」とは

Photoshop は JSX と呼ばれる JavaScript で制御することができます。今回は有用な JSX と、私が作成したシェイプ作成を効率化する JSX の紹介、それを通して JSX の書き方などの解説を行います。

PR: MBAなどが貰えるWebクリエイターのコンテスト「Web Creator’s Contest Q」

Webクリエイター向けのコンテスト「Web Creator’s Contest Q」が3月15日〜5月2日まで開催されています。 賞品は MacBook Air、Apple TV、WebMoney 5,000 …

10分くらいで分かるXHTML+CSS

このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこ …

Web Designing 3月号にWordPressカスタマイズ記事を書きました

Web Designing 2012年3月号の「WordPressカスタマイズTips35」という特集記事 に8つのWordPressカスタマイズTipsを執筆させていただきました。

PHPで自分のはてなブックマークを整形して見やすく表示する方法

先日、こんなおたよりを頂きました。 初めまして、RSSに登録していつも勉強させてもらってます。 先日の記事「管理人の新着ブックマークを見れるページを作りました | Stocker.jp / diary」を見てとても衝撃を …

これからWebデザインの勉強を始めたい方のためのまとめ

これからWebデザインやコーディングの勉強を始めたい方、またはWebデザイナーになったばかりの方向けのまとめ記事です。 「無料で始められる…」とか「本を買わなくても…」などのテーマにしようか迷ったのですが、無料ではじめら …

「社会人のためのWebデザインスクール」を飯田橋で開きます

管理人の新着ブックマークを見れるページを作りました

Twitter で、数名の方に私のブクマが見れるページがないか聞かれたので作ってみました。 Stocker.jp 管理人のブックマーク 単純に私のはてブの RSS を読み込んで表示しているだけですが、見やすくなるよう各記 …

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

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

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

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

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

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

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

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

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

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

Croppyの作り方

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

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

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

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

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

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

「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制作のメインマシンになり得るのか

先日、新しい MacBook Air（13インチ・SSD 128GB）を購入しました。 私は 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を使ってギャラリーサイトを構築しているのですが、その過程でプラグインに頼らず多言語化（日本語と英語の自動切替）の方法がわかったのでここにまとめておきます。 なぜプラグインに頼らないかというと、プラ …

[動画あり] 下北沢にうさぎカフェができたので行ってみました

私がウサギを飼おうかどうしようか迷っていたころ、ネットでうさぎカフェを検索していたら下北沢に「うさぎの絵本」といううさぎカフェがある事を知り、早速行ってきました。 店内には、かわいい4羽のうさぎ（ホーランドロップの女の子 …

年末年始にWebデザインを学び直すための3つのステップ

この記事は、以下のような方を対象にしています。 現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方 今はSEやコーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 　 私は元々Webデザイ …

はてブ1位になると、何が起きるのかまとめてみた

私は以前から、「はてブのホッテントリの上位に表示されるとどういう事が起きるのか」という事がちょっぴり気になっていたのですが、もしかしたら他のブロガーさんやはてな ユーザーの方も気になっているのではないかと思い、先月、偶然 …

Macで、WiMAXを光ファイバー並のレスポンスタイムにするオモテ技

先日、引越しを機に光ファイバーを解約してWiMAXを導入することにしました。 自宅のネット回線と、カフェなどで作業するときの回線と、iPhoneのパケット通信をまとめてWiMAXにすれば通信費が大きく浮くと思ったからです …

知らないと損する賃貸マンションの探し方

来年１月末で今住んでいる賃貸マンションの更新月なので、この機会に渋谷の近くに引っ越そうと思い、物件探しを４日間集中してやったところ、なんと 下北沢駅の近くで鉄筋コンクリートの賃貸マンションの５階、フローリング11貼の部屋 …

VPSを借りて、Twitter botを動かすまでの設定をまとめてみた

前置き 私は、Linuxの知識はほとんどないWebデザイナーです。 これまで一般的なレンタルサーバを借りていたのですが、cronの実行やHTMLのgzip圧縮などに制限があったため、最近話題のVPSを借りました。 が、L …

MacBook Proが想像以上にWeb制作に使える件

先日、MacBook Pro 13インチを購入しました。 購入目的は、趣味のWeb制作のためです。 今回は、MacBook Proのファーストインプレッションをお送りします。 とにかく、安定感がすごい 正直、お店で見たと …

iPhone 4のカメラは旅行用として使えるのか、徹底検証してみた

９月の３連休に軽井沢に旅行に行ったのですが、この機会にiPhone 4のカメラがどれほど使えるか試してみようと思い、キヤノンのコンパクトデジカメを持って行き、撮り比べてみました。 まず結論から言うと、iPhone 4のカ …

[Web技術] Sugamo.cssがあまりにも有益だったので、忘れないようまとめておく

2010/10/2(土)のSugamo.cssが非常に有益で、役立つことが多かったのでここにまとめておきます。 私があまり詳しいことを覚えていない＆理解していないため詳しく書けないのが本当に残念です。 もっと詳しく書けた …

[iPhone] ToDo/カレンダー/メモ管理のベストアプリは？

日曜は散々な日だった。 Skypeの英会話レッスンを夜の10:30 に予約していたつもりが朝10:30に予約していて、しかもiPhoneのカレンダーに登録するのを忘れていたためすっぽかしてしまった。 プライベートレッスン …

Blog始めました。

今日から新しく、このBlogを始めました。 タイトルは、仮に Stocker_jp / diary としています。 このBlogの目的: 私(@Stocker_jp)がネットで集めたり、本で読んだり、足で歩いて集めた情報 …