全くの初心者が独学でWeb制作できるようになるまでの効率の良い勉強の進め方
独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ
カメラ初心者でも簡単！夜景や背景ボケ写真を撮るためのカメラの設定
素晴らしいデジタルカメラを買ったのにその多くが部屋のおしゃれなインテリアや文鎮など、購入時に意図していない役割を果たしているのは何故でしょうか。 それはそもそも撮り方が分からないことと、近年のデジタルカメラの多機能化が進み、用語や操作方法など覚えたり理解すべきことが非常に多いことが挙げられるでしょう。 ここでは真似するだけで誰でも簡単に撮影できる、魔法の設定を皆様にお伝えしていきます。 さあ、いまこそあなたのカメラが真価を発揮する時です！(記事中の測光モードは全て分割測光です) 【脱初心者を目指したい人はこちらもオススメ】 脱初心者！一眼レフで綺麗な写真を撮るための設定と撮影方法 背景のボケた写真を撮る デジタルカメラを使っているのにiPhoneよりも背景がボケない・・こんなことはありませんか？ iPhoneは被写体に接近してピントを合わせれば背景がボケますが、デジタルカメラはそう簡単には
【最新版】WordPressのおすすめプラグイン11選！本当に必要なものだけ厳選しました
「WordPressを使い始めたけど、プラグインがありすぎてどれを使えばいいかわからない・・」 「結局自分のサイトに合ったおすすめのプラグインはどれ・・・？」 WordPressは、誰でも簡単にブログやサイトが作れてしまうCMS（Content Management Systemの略：コンテンツ管理システム）です。 ドメインを取得してサーバーを借りたら、あとはインストールするだけで使えてしまいます。 WordPressをインストールして、好きなテーマを選んで「さっそく記事を書いていこう！」と記事を作成するその前に！ まずは、運営に必要なプラグインをインストールしておくことをおすすめします！ 先に必要なプラグインをインストールしておくべき理由は「記事を書くことが圧倒的にラクになる」「集客を手助けしてくれる」「ユーザビリティが向上する」の3つです！ この記事では、WordPress歴約１０年の
クリエイティブな広告やポスターのデザインから学ぶ！参考にしたい文字レイアウト
広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト 選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
WordPressでサイト公開前に設定しておくべき8つのチェック項目
WordPressでサイトやブログを作って、いざ公開しようとしている人は、すべての設定が本当に終わっていますか？ サイトを成長させるためのアクセスアップやSEO対策には、最低限設定しておかなければならないことがいくつかあります。 しかし、サイト制作が慣れていないうちはついつい忘れがち。 後から後悔しないためにも、今回はWordPress初心者向けに、サイト公開前に必ず設定しておきたい8つの項目を参考記事とともにご紹介します。 どれも必要不可欠なものばかりですので、改めて見直してみてください。 【そもそも前提としてやっておきたい、SSL（https）化について】 WordPressサイトをhttpからhttpsにしよう！【対応手順を丁寧に説明】 パーマリンクの設定 パーマリンクは、簡単に説明すると記事ごとに付与されているURLのことです。 このパーマリンクですが、初めのうち（記事がひとつも投
あなたのインスピレーションが刺激されるであろう9つのWebサイト
こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界の本の装丁をアーカイブしたサイト。 本の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた
最近話題になったイケてるWebサービス・アプリ10選（2014年9月編）
こんにちは。 10月が始まりましたので、9月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Holiday 「Holiday」は、休日の「お出かけプラン」投稿、共有サービスです。 「休日に何をしよう？どこにいこう？」という悩みを解決するサービスで、インターネット上の情報を参照し、雑誌の1ページのようなおでかけプランを作成することができます。 クックパッドの2014年度の新卒社員5人によって開発されました。サービスもそうですが、「.holiday」というドメインもイケてますね。 Ello Elloは、アンチ・フェイスブックと呼ばれる海外で話題の新興SNSです。 機能に応じた有料課金を収益源とするモデルを目指していて、Facebookのように利用者のデータ収集による広告は一切しないとうたっています。（2014年9月時点は招待制）。 2012年にクローズドなSNSとして始まった
最近話題になったイケてるWebサービス・アプリ14選（2014年8月編）
こんにちは。 9月が始まりましたので、8月中に話題になったWebサービスやアプリを14個ほどご紹介します。 Hyperlapse Instagramが提供する、タイムラプス（微速度動画）動画を撮影できるアプリです。 強力な手ぶれ補正が特徴的で、手で持ったまま撮影するとぶれてしまう移動中のタイムラプス動画もスムーズに撮影できます。 Instagramでシェアできる動画の長さは15秒までとなっています。 動画をみればわかりますが、飛行機や車からの景色を撮影し、コマ数を減らして長時間の映像を短縮して記録させているためスピード感のある映像に仕上がります。 FESS（フェス） FESSは、iPhone向け音楽共有アプリです。 複数人のiPhoneに入っている音楽を、1台のiPhoneで共有して音楽を楽しむというアイデア。 アプリを起動して、1人が新しい「FESS（親機）」を作り、他のiPhoneが「
全ての若者に送る！20代のうちに読んでおくべき8つのエントリー
今日は新しい価値観を与えてくれる、若いうちに読んでおくべきエントリーを8つほどご紹介します。何かを模索していたり、つまずいた時に読むと新しい発見になるかもしれません。 私が20代で学んだ、人生で最も大切な10の教訓 起業家で作家のマーク・マンソン氏が、30歳になる3日前に書いたブログです。時間、友人関係、家族、人生についてまで、彼が20代で学んだ教訓が描かれています。 → 私が20代で学んだ、人生で最も大切な10の教訓 人生は出逢った言葉の質と量で決まる！死ぬまで仕事に困らないために20代で出逢っておきたい100の言葉 この本の著者は、コンサルタントとして数々の著名な人と対話してきました。 その結果「人生は出逢った言葉の質と量で決まる」という結論を導きだしました。特に20代のうちは「良い言葉との出会い」を増やしておくことが重要だという内容です。 → 人生は出逢った言葉の質と量で決まる！死ぬ
【料理】あの店の味が自宅で作れる！再現レシピ18選
今日は、ある店のあの味を生み出した「再現レシピ」記事を、18個ご紹介いたします。 こんなものまで作れるの！？と思うものもあるので、ぜひチャレンジしてみてください。 ご飯系の再現レシピ ご飯系の再現レシピをご紹介していきます。 billsのスクランブルエッグ 世界一の朝食billsのスクランブルエッグが世界一な理由 | ウェブランサー まずは、世界一の朝食と称される「bills（パンケーキで有名なレストラン）」のスクランブルエッグです。日本には2008年に1号店が登場し、常に行列ができている店の1つです。レシピもとてもシンプルだったので、簡単に作れて美味しくいただけました。 → レシピ 洋麺屋五右衛門のスパゲッティー 洋麺屋五右衛門のスパゲッティーを自宅で再現したい！：お料理速報 湯葉と鳥そぼろの豆乳クリームから、アラビアータ、たらこのカルボナーラまで、洋麺屋五右衛門の様々なレシピが公開され
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
アイデアに嫉妬！海外で実際に存在したクリエイティブな20枚の広告
こんにちは。 今日は海外で実際に存在した、アイデアが優れていると思った広告を20枚ほどご紹介いたします。 ガラスの広告 ガラスの強度や耐久性を表現するためにバス停に設置された3Mの広告です。監視カメラには、壊そうとする人がたくさん映っていたそうですが、誰も割ることができなかったとのこと。通行人が目を止めてしまう率はほぼ100%なのではないでしょうか。 ヨガの広告 ストローを利用した広告です。この教室にいくと、なんだか体が柔らかくなりそうですね。日常生活で気にもかけない部分が広告となるおもしろい事例。 ドッグフードの広告 地面にプリントされたドッグフードのゲリラ広告です。散歩中に間違って、犬が食べてしまいそう。 コーヒーの広告 熱気で湯気が噴出しているマンホールのふたを、珈琲カップにみたてた広告。 運送業社の広告 Fedexという運送業者の広告です。ライバル会社よりも早く届けることを連想させ
最近話題になったイケてるWebサービス・アプリ10選（2013年11月編）
こんにちは。 12月がはじまったということで、11月中に話題になったイケてるwebサービスやアプリを10個ほどご紹介します！ TERIYAKI（てりやき） ホリエモン（堀江貴文氏）がプロデュースするグルメアプリです。 既存のグルメアプリは消費者生成メディア（CGM）で、評価の基準が定まっていませんでした。TERIYAKIはそこを、TERIYAKIキューレーターと呼ばれるグルメ専門家たちの協力を得て「本当に美味しいものだけ」を紹介してくれるようにしています。サービス利用金額は、基本的に無料で詳細検索を行う場合は月額400円という価格設定になっています。 1Click飲み 自動飲食店予約アプリです。 「飲みたい！」から「乾杯！」までを「１クリック」で繋ぐサービスです。 アプリ上でワンクリックすると、店の検索、推薦、そして予約までが全自動的に行われるというもの。Webアプリ開発コンテスト「Mas
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
【速報】アップル新iPhone発表！4から5S＆5Cまで詳細比較リスト《何が変わったのか》 | creive
こんばんは。 本日（2013年9月11日）行われた、Appleの新iPhoneの発表の速報をお送りします。 〜今回の発表のポイント〜 ・５Cと５Sの発売！ ・カラーバリエーションが豊富に！ ・ドコモからも発売が決定！ 5S＆5Cスペック表 iOS7は9月18日にリリース フラットデザインで話題を呼んだ「iOS7」は、2013年9月18日にリリースされるそうです。 200もの新機能が搭載され、バグも修正。 対応端末は、iPhone 4以降、iPad 2以降、iPad mini、iPod touch 5代目以降。 iOS7の機能紹介 今回のiOS7で、追加される機能及び進化する機能は下記のとおり。 検索機能 ホームスクリーンをプルダウンすることで、すぐに検索ができるようになる。 Siriがアップデート Siriがより賢くなるとのこと。 ツイッターからツイートの検索や、ウィキペディア検索、写真検
魅力的なプレゼン資料や企画書作成のコツ【参考スライドあり】
プレゼン資料・企画書作成の参考になる7つのスライド【パワポやKeynoteでも使える！】 まずは、企画書やプレゼン資料の参考になるスライドをご紹介します。 キレイな提案書を作るためのデザインの基礎知識 → キレイな提案書を作るためのデザインの基礎知識 「プレゼン資料・企画書は内容を伝えるためにあり、デザインはそれを達成するための手段だ」 と考える、筆者の考えが強く出たスライドです。 スライドの中では、フォントの種類や文字の装飾の多用などを避け、「本当に伝えたいことを伝えられるようにするシンプルなデザイン」を強調しています。 「シンプルであること」を目指しているので、難しい操作も必要なく、「良いデザインは、そもそもセンスがないと作れない」と諦めている人におすすめのスライドです。 しょぼいプレゼンをパワポのせいにするな! → しょぼいプレゼンをパワポのせいにするな! 「酷いプレゼンはパワポのせ
おしゃれでデザイン性抜群！MacBook Pro 15 / 13インチのおすすめケース15選
MacBook Proを持ち運ぶ際、本体を保護できるケースは故障や傷から守ってくれる心強い味方です。 しかし、一方では「Mac特有のデザイン性や質感が損なわれてしまうのが嫌」、「職場で目立ちすぎてしまう」といった理由でケースを使いたくないという声もよく耳にします。 そこで今回は、仕事でもプライベートでも使えるおしゃれで落ち着いたデザインのケースを中心にオススメのMacBook Pro用ケースを紹介していこうと思います。 Macbook Proケースの選び方 MacBook Pro のケースはとてもたくさん種類がありますが、その多くは大きく二つの種類に分けることができます。 気軽に持ち歩きたいならインナーケースがオススメ インナーケースはMacBookを入れて持ち運ぶための、小さなカバンのようなケースです。使用時には取り出さなければいけないので保護できなくなってしまいますが、クッション素材で
ロゴデザインの参考になるWebサイト10選
ブランドの顔としての役割を果たす「ロゴマーク」。 企業のロゴやサービスのロゴは、その会社やサービスのメッセージを発信するとても重要な意味を持ちます。そんなロゴのデザインを行う際に、数多くのロゴを見ることでデザインの引き出しを増やすことは必要不可欠。 そこで今回は、ロゴデザインが画像一覧で見られる海外や国内のギャラリーサイトを10個ほどご紹介します。会社やブランドのロゴ、かっこいいロゴからおしゃれなロゴまで、自分の目的に合った参考になるデザインが無料で見つかるのでぜひご活用ください。 参考になるロゴデザインが一覧でみられるWebサイト それではロゴデザインの参考になるWebサイトを10サイトほどご紹介します。ロゴ作成でお悩みの方はぜひ、訪れてみてください。 LogoPond LogoPondは、かっこいいロゴなどクオリティの高いロゴが集まる海外のギャラリーサイトです。 ロゴ作成時にインスピレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
