「スマートフォン時代のWebコーディングスクール」を渋谷で開催します

「スマートフォン時代のWebコーディングスクール」は、これからWeb制作者になりたい方向けにスマートフォン対応のHTML・CSSコーディング手法やSass・JavaScriptの基礎などを全12回で学べる社会人向けのスクールです。

スマートフォンサイトコーディング講座を開催します

PC用のHTML・CSSは書ける方向けに、スマートフォン・タブレット・PCなど様々なデバイスで閲覧できる「レスポンシブWebデザイン」を実際に作ることで身につける講座です。 意味がよくわからないままコピペで済ませるのでは …

Blenderで3DモデルをSVGとして書き出す方法

Webページで SVG アニメーションを使用して「立体的でアニメーションするもの」を制作しようとすると、コードを手書きしたり Illustrator で制作したものをパラパラ漫画にしたりといった方法ではなかなか大変です。
そこで、オープンソースの 3DCG ソフトウェアである Blender を使用すると複雑なアニメーションを比較的簡単に作ることができます。

2月に「PHP徹底入門講座」を開きます

PHP徹底入門講座
2月の土曜に「デザイナー、コーダー、これからWordPressを始めたい方が知っておくべき
PHPの基礎を徹底学習」というテーマで「PHP徹底入門講座」を開きます。場所は、渋谷 Stocker.jp /Space です。

3月に「WordPressカスタマイズ講座」を開きます。

WordPressカスタマイズ講座
以下の方を対象として「WordPressカスタマイズ講座」を開きます。
場所は、渋谷 Stocker.jp / Space です。

・これからWordPressを始めたい方
・WordPressでオリジナルデザインのブログを作りたい方
・WordPressで中小企業サイトを作りたい方
・WordPressプラグインの使い方を知りたい方

21

Web制作者のための黒い画面(ターミナル)入門講座を開きます

なんとなく「黒い画面(ターミナル)のことを知らないとまずいんじゃないか…」と思っているけど勉強できていない
という方に向けた勉強会を 2017/1/21(土)17:00 から 渋谷 Stocker.jp / Space にて開きます。
こちらの勉強会は無料です。

68

CSS3でGoogle検索やはてブを見やすくしたり、キュレーションサイトを目立たなくする方法

最近、調べ物をしようとGoogle検索した時にキュレーションサイトなどの役に立たない、あるいは他のサイトの情報をまとめただけのサイトばかり上位に表示されてしまい、ストレスがたまることが多くなってきました。 そこで、検索結 …

Windows 10でbashが使えるようになったので試してみました

Windows 10 が、2016年8月の「Anniversary Update」で Ubuntu Linux のコマンドが使えるようになったとのことで、さっそく試してみました。

Sass、Retinaディスプレイ、Sketchなどのアンケート結果

Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを取ってみました。
アンケートの実施期間は2016年6月〜7月です。

「ドラッグ&ドロップではじめるプログラミング入門」という無料講座を開催します

「プログラミングにちょっと興味はあるけど、いきなりプログラムを書く自信がない」という方のための、「プログラミングの考え方」を学ぶ超入門講座を開催します。2時間弱で無料です。 普段 HTML や CSS を書いている方やW …

最近面白かったWebやMac関連本まとめ

最近読んで面白かったWebやMac関連本のレビュー。どれも紙の書籍です。

26

HTML5のセクショニング・コンテンツについて知っておくべきこと

HTML5で一般的なWebページをマークアップしようとした際、セクショニング・コンテンツへの理解は不可欠であると私は考えています。
この記事は、2016年5月14日に開催した HTML5再入門講座 という「HTML5を学び直す」ための無料講座のスライドの一部を再構成した記事です。

53

VRゴーグル・HTMLライクにVR空間を作れるチュートリアル付きの雑誌「VRFREEK」を買ってみた

VRFREEK という VR 専門誌が登場したので購入してみました。
スマートフォンを入れて VR コンテンツを楽しめるゴーグルが付録になっていて、てっきり用意されたコンテンツを見るだけかと思っていたら、HTML ライクに VR コンテンツを作る方法まで記事に書かれててなかなか楽しめたので記事にしてみました。

30

DOCTYPE宣言、IE対応、デザインカンプの解像度などのアンケート結果

DOCTYPE宣言はHTML5かXHTMLか、IEはどのバージョンまでサポートするか、RetinaディスプレイのPhotoshopでカンバスサイズはどうしているかなど、Web制作で気になっていたことをアンケートで調べてみました。

74

ブログの記事内画像を楽してRetinaディスプレイに対応させる方法

「Retina な Mac を買ったはいいけど、自分のWebサイトやブログの画像がぼやけて見えるのが気になる」という方は多いと思います。
そこで、このブログでは jQuery 用の JavaScript を使ってなるべく手間のかからない対応をすることにしました。

47

Google Analyticsのコードがコピーされても動かないようにする方法

Web関係のブログをやっていると、なぜかページ内の JavaScript などがそのままコピーされて中小企業のWebサイトにペーストされ、Google Analytics に見知らぬWebサイトの URL が混じってくることがあります。
これで困っている方がいたので、自分のサイト以外に自分のサイト用の Google Analytics コードが使われても動かないようにする方法を考えてみました。

28

WordPressで、古い記事に警告を表示する方法

このブログのようにWeb関連の技術ブログの場合、古い記事の内容は現在の実情にあわない場合があります。
このブログでは、そのような古い記事の場合に、記事の上に警告を表示しています。
この記事では、その方法について解説します。

34

夏のJavaScriptシューティングゲーム祭り2014の資料と動画まとめ

「夏のJavaScriptシューティングゲーム祭り2014」というゲームプログラミングの勉強会を Stocker.jp / Space にて開催していただきました。

「JavaScriptシューティングゲーム祭り」では、その名の通り JavaScript を使ったシューティングゲーム開発についていろいろな方が登壇されるイベントです。

WebGL を使った表現や高速化、ESMAScript 6 などの話題もあり、非常に興味深い内容でした。

158

2014年8月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

43

2014年7月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

2014年6月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

94

2014年5月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

145

2014年4月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

Windows XPだと警告を表示するWordPressプラグインを配布します

WordPress を使用しているブログやサイトで Windows XP 利用者に警告を表示するための WordPress プラグインを配布します。
テーマや文言は管理画面から簡単に変更することができます。

2014年3月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

21

2014年2月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

59

2014年1月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

61

Windows XPだとページ全体に警告表示するJavaScriptを配布します

恐ろしいことに、ほぼWeb制作者向けの記事ばかりのこのブログもいまだに Windows XP からのアクセスが多い事がわかりました。
そこで Windows XP 利用者が記事を表示しようとした場合に警告(Webブラウザーの種類にかかわらず警告)するようにし、その JavaScript を配布することにしました。

40

2013年12月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめました。
今回は、ニュースよりもデザインやプログラミングに関する必読記事中心です。

119

HTML5 Conference 2013の資料まとめ

HTML5 Conference 2013 の各セッションの資料(スライド等)、動画、ツイート等をまとめています。
今年はかなり大量の資料があるため、この記事は7ページに分割しています

804

Macでも無料でIE確認するためのModern.IEが想像以上に快適だった

Mac上できちんとIE確認するための、無料の仮想PCファイル「Modern.IE」のインストールと使い方について解説しています。
途中でターミナルを使用しますが、Macのターミナルを使ったことがない方でも分かるよう、なるべく詳しく書いています。

「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます

9月17日(火)に、渋谷 Stocker.jp / Space にて「WebデザイナーのためのWordPress用サーバセットアップ勉強会」を開きます。
講師は paperboy&co.(ロリポップやヘテムルなどの運営会社)や mixi のサーバ管理をしていた @srockstyle さんこと小林 翔平さんです。
(私もアシスタントをします)

「TypeScript初心者向け勉強会」を開催して頂きました。

先日、Stocker.jp / Space にて @kubosho_ さんに「TypeScript初心者向け勉強会」を開催して頂きました。
この記事では、その時の資料と、撮影した映像をまとめています。

145

WordPressのログイン・管理画面にBasic認証をかけるプラグイン「WP Admin Basic Auth」を作りました

2013年4月ごろから、複数の WordPress サイトの管理画面に不正にログインしようとする bot が増えているという話を聞いて、少し気になったので WordPress サイトの管理画面やログインページにBasic認証をかけるプラグイン「WP Admin Basic Auth」を作りました。

527

Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方

この記事は、普段サーバーサイドスクリプト言語(PHP、Perl、Ruby等)を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。