53

Web制作で気になることのアンケート結果(2017年版)

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

77

フレッツ光・So-netマンションタイプで夜間に遅い問題を改善する方法

最近夜間のネットのDL速度が遅く「プロバイダや回線業者を変更するしかない」と思っていたのですが、So-netに電話をして設定変更してもらったところ、私の環境では劇的に改善(20時から22時でも下り72〜95Mbps)したためやり方をここにまとめておきます。

「1日で分かるSassとBEM講座」を開催します

下記日程に、HTML・CSSの基礎は分かっている方向けの「1日で分かるSassとBEM講座」を開催します。 2017年8月20日(日) 14:00-19:00 この講座のお申し込みは締め切りました 次回は2018年に開催 …

45

ChromeのアドレスバーからGoogle翻訳する方法

Web制作をしていると、ちょっとした英語の文章を日本語に訳したい、または日本語の文章を英語にしたいということがあります。
そういったとき、[Google翻訳のページを開く>文章をペーストして翻訳ボタンを押す]よりも、ChromeのアドレスバーからGoogle翻訳できると少し便利なのでやり方を解説します。

79

Macで素早く作業する10のTIPS+α

Macで作業するときに知っておくと素早く作業できる10個のTIPSと、素早く作業する以外のTIPSを3個まとめました。

512

MacBook Pro Late 2016レビュー: おっとTouch BarとUSB-Cの悪口はそこまでだ

MacBook Pro 13インチ Touch Bar モデルを使用し、3週間ほど経過したのでレビューを書きました。
MBPの購入を検討している方で、特に「Touch Barってどういうものだろう?不便はないのだろうか?」とか「USB端子が変わったことによるメリットとデメリットは?」という方に参考になるように書いています。

68

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

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

Adobe Illustrator CC 2015.3の新機能まとめ

Adobe Illustrator CC はマイナーアップデートでしたが、Web制作者にとっては嬉しい機能も追加されたため紹介します。

21

MacのFinderでファイルを選択してカット、ファイルパスをコピーする方法

「Finder ではカットやファイルパスのコピーができないので困る」という方に対して「それ、Finder の標準機能でできますよ」と言う機会が増えてきたので記事にしました。

93

El CapitanではXtraFinderやTotalFinderではなくForkliftを使おう

OS X 10.11 “El Capitan” では XtraFinder や TotalFinder などの Finder を拡張するアプリが使えなくなっています。代わりにおすすめする Forklift についての解説記事です。

62

iMac Retina 5Kレビュー

この記事は、2014年10月に発売された27インチの「iMac Retina 5Kディスプレイモデル」のレビューです。
これまで、自宅で作業する時は MacBook Air に Apple Cinema Display 20インチを接続して作業していましたが、それとは比べものにならないほど快適で、「もっと早く買えばよかった」と思っています。

138

Chromeが重くなった時にやるべきこと

Google Chrome は軽量で高速なWebブラウザーですが、長く使っていると「重い」と感じるようになってくることがあります。
この記事では「Chromeが重くなった時にやるべきこと」についてまとめています。

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

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

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

158

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

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

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

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

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

66

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

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

85

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

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

67

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

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

80

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

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

22

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

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

414

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

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

118

Macの基礎の基礎: Spotlight編

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

192

Macの基礎の基礎: Finder編

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

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

49

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

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

33

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

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

95

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

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

Webデザインに役立つ3つのiPadアプリ

私が iPadを購入してから1年経ちました。想像以上に使い道が多くて毎日のように活用しています。
以前は自炊&電子書籍ビューアについて解説しましたが、今回はWebデザインで活用しているアプリについて解説したいと思います。

78

「プロになるためのWebデザイン入門講座」を執筆しました

私が執筆した「プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。
この記事では、書籍の内容について詳しく解説しています。

プロになるためのWebデザイン入門講座

615

「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について

Fireworks からの移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。
なぜそう言えるのかについて、簡単にまとめてみました。

275

うわっ、日本のWebデザイナーの年収、低すぎ…?

昨日、Webクリエイターボックスの「世界のWebデザイナーのお給料はいかほど?」という記事が話題になっていました。
「他の国とくらべて日本のWebデザイナーの年収は低すぎる」とか「海外に脱出するしかない」と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで記事にまとめました。

30

Photoshopで長方形などのシェイプを移動・変形・複製するJSXをアップデート

PhotoshopでWebデザインカンプなどを制作している方にはかなり役立つ、「シェイプを移動・変形・複製」するJSXをアップデートし、シェイプを移動・変形・複製する際に、まれに数値のズレが発生するバグを修正しました。 …

52

¥2,200/月で最新のPhotoshopが使えることをご存知ですか

「Photoshop を使ってみたいけど高すぎる」と思っている皆様は、「月額 ¥2,200 で最新の Photoshop を利用できる」ということはご存知でしょうか。
これは、アカデミック(学生向け)ライセンスではなく、どなたでも利用でき、もちろん Adobe が提供する正規のライセンス です。

2002

私が月に1度やってるMacのメンテナンス方法

私はメインマシンとして MacBook Air を使用していますが、昨年は全くメンテナンスらしいメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。
そこで、最近は毎月1回メンテナンス作業を行うことにしています。

33

今見てるページタイトルとURLをコピーし、Amazon商品ページだったらアフィIDを付けるブックマークレット

Safari や Chrome などのブラウザでWebページを見ていて、それをシェアしたくなった時のためのブックマークレットです。

通常のページであれば title タグの内容と URL をコピーし、今見ているページが Amazon だったら単に title タグの内容をコピーするのではなく商品名と URL をコピーし、URL の最後に Amazon アソシエイトのトラッキングIDを追加します。

379

MacBook Air 2012のレビューとWeb制作者のための設定など

約1ヶ月前に MacBook Air 2012年版 が発売されたので、早速2011年版 MacBook Air から買い替えました。 今回購入したのは、13インチ / Core i7 / メモリ 8GB / SSD 25 …