55

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

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

80

ブログのスマートフォン対応の際に考えたこと

遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。
この記事では、その際に考えたことや工夫したことなどをまとめています。

34

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

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

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

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

「PhotoshopでWebデザインするときの悩み」にスクーの生放送で答えます

普段PhotoshopでWebデザイン制作をされている方でも、意外とできないことがあって悩んでいたり、効率のよいやり方がわからず困っていることがあるかもしれません。

この授業では、事前に「PhotoshopでWebデザイン制作するときの悩み」を投稿していただき、スクーの授業にて、その解決方法を実際の操作を交えながら生放送でお話しします。

158

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

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

iPad用筆圧ペンJot Touch with Pixelpointファーストインプレッション

Adonit社より、iPad 用の筆圧スタイラスの最新作「Jot Touch with Pixelpoint」を頂いたので、使い勝手についてレビューさせていただきます。
まだ発売されたばかりで対応アプリも多くないため、アプリの対応が物足りない感じですが、 今後たくさんのアプリが対応予定です。

43

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

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

156

Macintosh HDを整理し、空き容量を効率よく増やす方法

MacBook Air などのラップトップ型の Mac を長く使っていると、Macintosh HD(内蔵ハードディスクや SSD などのストレージ)の空き容量がなくなってきて困ることもあるかと思います。

私の場合、MacBook Air の 256GB モデルを使用しており、先日どうしても Macintosh HD に 64GB 以上の空き容量が欲しかったので、以下の方法を試したところ 90GB 以上の空き領域を作ることができましたので紹介します。

408

GoogleとAdobeのフォントNoto Sans(Source Han Sans)の画期的なところ

2014年7月16日に、Google と Adobe がリリースした Noto Sansというオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。

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

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

85

WebデザイナーのためのPhotoshop CC 2014の新機能まとめ

この記事は、Photoshop CC 2014 の新機能をWebデザイナー視点からまとめた記事です。
6月19日の「Adobe Create Now 2014」および、6月23日の「アドビ 報道関係者向けCreative Cloud 最新製品 デモセッション」で聞いた話を含みます。

Photoshopで選択範囲に段落テキストを作成するスクリプト

Photoshop で段落テキストを作成する時、数値を指定して作成するのは地味に面倒だったりします。
そこで、「長方形選択ツール」などで選択範囲を作成し、実行するとアンチエイリアスなしの段落テキストを作成するスクリプト(JSX)を作成しました。

65

command+Vキーだけでスタイルなしでペーストする方法

Mac の主なアプリケーションでは、単純に command + V キーを押してペーストすると、フォントのスタイル(色やサイズなど)を保持したままペーストしてしまいます。
そこで、command + V キーでスタイルなしでペーストする方法を紹介します。

94

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

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

85

Macの基礎の基礎: システム環境設定編

「Macの基礎の基礎」連載の第4回目は、OS X のシステム環境設定です。
Mac で効率よくWeb制作をするにはシステム環境設定をきちんとやることが肝心です。
この記事ではおすすめの設定や、見ただけでは分かりづらい箇所について主に解説しています。

68

Photoshop CCの画像アセット機能でSVGを書き出す裏技

SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。
しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。

145

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

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

80

WebデザイナーのためのPhotoshop関連記事まとめ

これからPhotoshopでWebデザインを始めたい方から現役Webデザイナーの方向け。
Fireworks からの乗り換えの方向けの記事からより速く制作するためのテクニック、Adobe が開発中の CSS をコピーしたり画像アセットをダウンロードするためのWebアプリなど。

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

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

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

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

22

神速Photoshop [Webデザイン編]を書きました。

神速Photoshop [Webデザイン編] は、Photoshop を使ったWebデザインカンプ制作ができる方向けに環境設定からカンプ制作、画像の書き出しなど各ジャンルにわたって時短テクニックをまとめた本です。
神速Photoshop [Webデザイン編]

415

Macの基礎の基礎: テキスト入力と編集とテキストエディット編

このブログをお読みの方であれば、「テキスト入力や編集、テキストエディットなんてさすがに分かってる」という方が多いかもしれません。
しかし、Mac には文字列を一時的に保持しておくための「クリップボード」のようなものが2つあることや、control キーを使用した高度なテキスト編集機能についてはあまり知られていないかもしれません。

21

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

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

115

Macの基礎の基礎: Spotlight編

Mac を使い始めたばかりの方にとって、Spotlight は「ファイルやフォルダを検索する時に使うもの」のように見えるかもしれません。
確かにそれは Spotlight の主要な機能ですが、Spotlight はあらゆる調べ物に利用することができます。

191

Macの基礎の基礎: Finder編

「Windows から Mac に乗り換えたけどよく分からない」「いまいち使いこなせない」という声を最近よく聞くので、これから数回にわたって「Macの基礎の基礎」という連載をすることにしました。

アプリケーション別に記事を書く予定で、第1回目となる今回は「Finder」編です。
記事の内容は基礎編ですが、最後に Mac ユーザーの間でも意外と知られていない機能や新機能について書いています。

59

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

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

48

Photoshop CC、ついに外部ファイルをリンクできるように

Photoshop でWebデザインカンプを制作している方には嬉しい、外部ファイルをスマートオブジェクトとしてリンクする機能が Photoshop CC 14.2 でついに搭載されました。

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ページに分割しています

57

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

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

804

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

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

33

Photoshop CC(14.1.2)の「属性」パネルでシェイプのサイズや位置を変更する方法

Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。しかし、Photoshop CC を 14.1.1 以降にアップデートすると、移動ツールでシェイプを選択しても「属性」パネルでサイズや位置を変更できなくなりました。
この記事では、この問題を解決する方法を紹介します。

29

電子書籍の読書用としてのNexus 7(2013)レビュー

私が電子書籍の読書用に、2013年版の Nexus 7 を購入し1ヶ月以上使用しました。
この記事では、主に「電子書籍の読書」に絞り、しばらく使ってみて分かったことなどまとめています。

95

Web制作者必見!Photoshop CCにSlicyのような画像アセット(Generator)機能が追加

2013/9/9 に、Adobe Photoshop CC がバージョン 14.1 にアップデートされました。
アップデートされた機能の中で、Web制作者にとって重要なのは画像アセット(Generator)機能だと思います。
この記事では、Generatorの使い方、使ったほうが良いケースと使わないほうが良いケース、問題点やバグなどについて解説しています。