WebデザイナーのためのMacとWindows比較ガイド

Webデザイナーになりたいという方に必ずと言っていいほど聞かれるのが「Webデザインに使うパソコンはMacとWindowsのどちらがよいですか?」という質問です。

結論から先に言ってしまうと、Webデザイナーが使うべきパソコンはMacでもWindowsでもどちらでもかまいません。

どちらのOSでもWebデザイン業務はできます。

しかしながら、どちらのOSにもメリット・デメリットはあります。

Webデザインの仕事に使う上で、MacとWindowsのそれぞれの特徴や違いについて取り上げていきますので、参考にしてみてください。

続きを読む

Webデザイナーに最適なパソコンの選び方

Webデザイナーにとってなくてはならない相棒と言えば、パソコンですよね。

業務の大半はパソコンに向かって作業をするため、使用するマシンによって仕事の質そのものが大きく変わってきます。

Web制作ではどのようなパソコン環境を準備すればよいのでしょうか?

Webデザイナーに合ったパソコンの選び方とおすすめ機種について紹介します。

これからWebデザインの勉強を始めたい初心者の方は参考にしてみてください。

続きを読む

プロ御用達!Webデザイナーの必須ソフトと業務効率化に役立つソフト

Web制作は複数のソフトを使って作業します。

必ず使うものもあれば、用途に応じて使うソフトもあります。

プロのWebデザイナーはどんなソフトを使って作業をしているのでしょうか?

今回は、Webデザインに必須のソフトに加え、業務効率化やスキルアップにも繋がるソフトの種類について紹介します。

続きを読む

Webデザイナーに必要なスキルとスキルアップ項目まとめ

Webの世界は変化のスピードが速く、新しい技術・手法・トレンドなどが次々と生まれています。

それに伴い、Webデザイナーが理解しておくべき知識や求められるスキルも多岐にわたります。

最低限必要なスキルとは何か、さらなるスキルアップやキャリアパスを形成するにはどんなスキルを身につけたらよいのか、現在のWeb業界とWebデザイナーに求められるスキルをまとめてみました。

続きを読む

誰でもなれる?センスないとダメ?Webデザイナーの適性教えます

「誰でもWebデザイナーになれますか?」
「センスがないとWebデザイナーにはなれませんか?」

このような質問はよく聞かれます。
実際のところはどうなのでしょうか?

今回は、Webデザイナーになりたい人からよく聞かれる質問とその回答についてまとめてみました。

加えて、Webデザイナーに向いている人・向いていない人はどんなタイプなのか、その適性についても考察していきます。

続きを読む

独学かスクールか?Webデザイン初心者のための比較ガイド

『独学でもWebデザイナーになることはできますか? スクールに通って勉強しないと厳しいですか?』

未経験でWebデザイナーを目指す方から、このような相談を受けることがあります。

実際のところ、独学でWebデザイナーになった人も、スクールで勉強してWebデザイナーになった人も、どちらもいます。

では、独学でやるのとスクールに通うのでは、何が違うのでしょうか?

独学とスクールのそれぞれのメリット・デメリットについて解説します。

両者の特性や違いを理解したうえで、どちらが自分に合っているのか、判断しましょう。

続きを読む

勉強の質重視なら! Webデザインスクールおすすめ4校と選び方

転職、フリーランス、副業など働き方の自由度が高い職業の筆頭にあがるWebデザイナー。

きちんと勉強をすればWebデザイナーには誰でもなれますし、事実、全くの未経験から勉強してWebデザイナーとして活躍している人はたくさんいます。

独学で勉強してWebデザイナーになることもできますが、効率的にスキルを習得したいなら、やはりスクールに通ってプロに教えてもらう方が手っ取り早いですね。

そこで今回は、Webデザインが学べるおすすめのスクールとそれぞれのスクールに向いているのはどんな人か、その選び方を紹介します。

スクールを検討している方はぜひ参考にしてみてください。

続きを読む

全ブロック解説!WordPressのブロックエディターを使いたおそう!

WordPress5.x系の新しいGutenbergエディターはブロックエディターというビジュアルエディターに刷新され、コンテンツをブロック単位で作成していく方法になりました。

様々なタイプのブロックが用意されているので、それぞれのブロックがどのような機能や役割をもったブロックなのか、今ひとつ理解しきれていない方も多いのではないでしょうか?

そこで今回は、Gutenbergで利用できる全ブロックタイプについて解説していきます。

ブロックの機能や役割を理解してしまえば、旧エディターよりも使い勝手のよいエディターだと感じるはず。

各ブロックの使い方に加え、生成されるHTML・CSSコードについても紹介します。

「HTML・CSSはわからない」という方はコードの解説部分を読み飛ばしてもらっても問題ありません。

実際に操作しながらご覧いただくと、より理解しやすいでしょう。
ぜひサンプル用の記事をご準備ください。

続きを読む

[完全解説] WordPress 5.xの新ビジュアルエディターGutenbergの使い方

2018年12月にメジャーアップデートが行われたWordPress。

バージョンが5.xへと変わり、記事のエディターの大幅な刷新が行われました。

とても大きな変化であったため、WordPressをずっと使ってきた方にとっては、わかりづらい、使いにくい、と言った印象を受けるかもしれません。

しかしながら、システム、アプリ、ツールなどのデジタルプロダクトは常に進化していくものですから、私達ユーザーもまたその変化に対応していかなければいけませんね。

Gutenbergと呼ばれる新しいエディターはどんなエディターなのでしょうか?
何が変わったのでしょうか?
本当に使いにくくなってしまったのでしょうか?

Gutenbergという新しいエディターのコンセプトから紐解き、操作方法と画面構成の解説をしていきます。

そろそろGutenbergに移行しようかなと考えている方、
移行したもののいまいち使い方が理解できていない方、
これからWordPressを始めたい方、
ぜひ参考にしてみてください。

続きを読む

Autoprefixerを使ってCSSグリッドレイアウトのIE対応をもっと便利に拡張する方法

CSSグリッドレイアウトをIEにも対応させるにはIE独自のプロパティを追加することは前回解説しました。

その際、Autoprefixerを利用すれば、自動でコードを書き足してくれるため、記述のミスや手間を減らすことができます。

それだけではありません。
AutoprefixerにはIEのグリッドレイアウトを拡張してくれる機能が搭載されているため、本来IEでは使えないプロパティも一部IEで使えるように変換して対応くれます。

Autoprefixerを使ってもっと便利にグリッドレイアウトのIE対応をしていきましょう。

開発環境を構築する方が色々と便利ではありますが、Autoprefixer Onlineを使えばブラウザだけで利用できます。

続きを読む

ページ上部へ戻る