スマートフォン対応を検討することも多くなっていると思いますが、PCのサイトと大きくデザインが異なるので、自分で作る際、あるいは発注する際にデザインで迷うことはないでしょうか。   そこで、今回はスマホサイトのデザイン集サイトをピックアップしてみました。国内と海外の両方のサイトをピックアップしているので、気になるものを参考にしてみてください。   国内のスマホデザイン集サイト 国内サイトだけあって、国内のスマートフォンサイトのデザインを集めたサイトが多くなっています。 カテゴリーなども細かく整理されていることが多いので、見つけやすくて便利です。    スマートフォンサイト集めてみました。 日本のスマートフォンサイトを数多く網羅しているデザイン集です。 細かなジャンル別にカテゴライズされているので、これから作成しようとするサイトの性格に合うものをより早く見つけ出すことが可能です。ユーザーによる星評価やコメントも役立ちます。 スマートフォンサイト集めてみました。      iPhoneDesignBox 女性に人気がありそうなかわいいデザインのスマートフォンサイトが多く紹介されています。 パステルカラーや柔らかくフェミニンなイラストはサイトの滞在時間を伸ばすことにも効果がありそうです。居心地のいいスマートフォンサイトを作りたいならぜひチェックしたいサイトです。 iPhoneDesignBox     AGT 大胆な構図と、思わず視線が釘付けになるような画像をミックスした良質なサイトを中心に紹介しています。 スマートなサイト作りの参考になりそうなデザインが並んでいます。 AGT     thinkthing スマートフォンサイトの制作などを手がける株式会社アイスリーデザインが運営するサイトです。国内のサイトだけでなく、海外サイトも多く紹介されています。 このサイトでは、ユーザーがスマホサイトを紹介できるようになっています。投稿されたサイトにはFacebookで「いいね!」 を付けることも可能です。 thinkthing      iPhoneデザインアーカイブ iPhone用のサイトデザインを集めたサイトです。携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトでもあります。 国内の大手企業のサイトを中心に1000位上のサイトが紹介されています。カテゴリー別に探せるので便利です。 iPhoneデザインアーカイブ     海外のスマホデザイン集サイト 国内のサイトだけを見ていても、似たようなデザインになってしまうという場合は海外のサイトが便利です。 視覚的に特徴のあるサイトが多いようです。   Mobile Website Gallery スマートフォンサイトというより映画のワンシーンを見ているような、クオリティの高い写真で構成されるサイトをピックアップしています。 アパレルや出版社など、会社そのものの雰囲気を伝えたいサイト作りに参考になりそうです。 Mobile Website Gallery     [PR] WordPressで挫折しない学習方法を動画で公開中FWA mobile 写真を主役にしたモバイルサイトを多数掲載しています。 無駄を省いてシンプルなサイトにしたいという場合は役に立ちそうです。 FWA mobile   今回の記事はいかがでしたか? ぜひこの記事を参考に、スマートフォンサイトを作ったり、発注したりしてみてください! [お知らせ]TechAcademyではプログラミング初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。
これまでWordPressで使えるECサイト用のテーマなどを紹介してきましたが、今回はコーポレートサイト用のテーマです。 コーポレートサイトをゼロから作るとなると盛り込む情報が多く大変ですが、WordPress用のテーマを使えば誰でも見栄えの良いサイトができるはずです。 コーポレートサイトに限らずですが、「もっと見ていたい」「また来たい」と思ってもらうためには見た目のデザインが非常に重要です。 そこで今回は、凝っているデザインでかつ無料で使えるテーマを紹介していこうと思います。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 また、テーマのインストール方法がわからない方は、WordPressのテーマインストール方法を解説した記事をご覧ください。   1. Divi ダウンロード / DEMO 最近はよく見るようになったかもしれませんが、パララックスな動きをするテーマです。 横から何か出るようにしたり、数字を自動で増やしたりと難しいことをする必要なくおしゃれなサイトにできます。自社サービスのユーザー数をコーポレートサイト上に出すなどするとより興味を持ってもらえるはずです。   2. Azoom ダウンロード / DEMO サイト上で紙飛行機が飛んでいたり、風船が浮いていたりとユニークな動きをするテーマです。 コーポレートサイトと聞くと堅苦しいイメージがありますが、ポップな雰囲気を伝えるにはおすすめです。   [PR] WordPressで挫折しない学習方法を動画で公開中3. Corpus ダウンロード / DEMO 最初に目に入る写真と文字の動きが非常に印象的です。 スクロール時に表示されるヘッダーを見ていると、何度でもスクロールしたくなります。   4. Sydney ダウンロード / DEMO 今風なコーポレートサイトを作りたいのであれば、十分なデザイン性でしょう。 かなり多くの情報も表示させることができそうです。   5. EDIN ダウンロード / DEMO このテーマは他と比べ非常にシンプルです。 動きを出したりカスタマイズ性は劣りますが、すぐ形にしたい人にはおすすめです。シンプルなコーポレートサイトで全然平気という人は、このテーマを使うと良いでしょう。 初めてWordPressを触る人は慣れる上でも使ってみると良いかもしれません。   6. West ダウンロード / DEMO hoverで動きを出したり、シンプルな見た目のわりにカスタマイズ性には富んでいます。   7. Sanabel ダウンロード / DEMO 事業内容や会社のブログをトップページにグリッドで表示するテーマです。アパレルなどのコーポレートサイトとしては良い見栄えになりそうです。   8. Salient ダウンロード / DEMO デモをご覧になれば分かりますが、色鮮やかです。 あまり目立たない部分かもしれませんが、マウスオーバーした時の動きがとても印象的ですね。   9. Zerif Lite ダウンロード / DEMO よく海外のコーポレートサイトで見るような見栄えのテーマです。 トップページに多く情報を載せられるので、コーポレートサイトを作る上で相性が良いでしょう。   10. Amax ダウンロード / DEMO スクリーンいっぱいの画像、パララックスな動き、動画とあらゆるものが詰め込まれた豪華なテーマとなっています。 他にもポートフォリオやマーケティングなどカテゴリ別にテーマを選べたりするので、幅広く利用可能ですね。     いかがだったでしょうか。 今回紹介したテーマを見ればわかりますが、本当に手の込んだテーマが多くあります。 今やコーポレートサイトとはいえ、おしゃれなサイトが非常に増えてきています。より良い印象を持ってもらうためにもデザインが綺麗なテーマを使ってみてください。 もっといろんなテーマを見てみたいという方は、無料で使えるWordPressのテーマ30選も合わせてご覧ください。 ぜひ、WordPressの使い方を覚えましょう! [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、PCとスマートフォンなどデバイスによってサイトの見た目を整えるプラグイン、Multi Device Switcherの使い方について説明していきます。 なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター!!WordPressのデザインをパソコンとスマホで切り替えたいんですけど・・・どうしたらいいですか? 田島悠介 そういうことなら「Multi Device Switcher」の出番だね。 大石ゆかり 教えてください!!!   Multi Device Switcherとは WordPressではサイトをPCで表示させた時と、スマートフォンやタブレットなどで表示させた時のデザインをプラグインを使用して別々に設定することができます。 ここではデバイスごとのテーマを切り替える「Multi Device Switcher」について説明していきます。   各デバイスで適用されるテーマを設定する このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。 インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。   有効化し、次に「外観」→「マルチデバイス」を選択します。 マルチデバイスの設定画面が表示されます。(最初から日本語化されています) 「テーマ」タブからスマートフォン用テーマ・タブレット端末用テーマなどの各デバイスで使用したいWordPressのテーマを設定します。 ※それぞれに設定できるテーマは現在そのWordPressにインストールされているものになります。 現在このWordPressでは「HarmonUX Core」というテーマが有効化されています。 PCで表示されたときはこのようになっています。 同じサイトをスマートフォンで見た時の状態です。 先ほど設定した「Twenty Sixteen」のテーマが適用されサイトが表示されました。   [PR] WordPressで挫折しない学習方法を動画で公開中スマートフォン版サイトに「PC版に切り替え」のスイッチを設置する スマホ用などに設定されたテーマでWordPressが表示されている時、PC版のテーマに切り替えを行うスイッチをページのフッターに追加します。 「外観」→「マルチデバイス」から設定画面を開き、「PC Switcher」タブをクリックします。 「PC Switcher をフッターに追加する」にチェックを入れます。 スマートフォン版サイトの一番下にスイッチャーが追加されました。 スイッチャー内の「PC」をタップすると元々設定されている「HarmonUX Core」でサイトが表示されます。 各デバイスに適用させるテーマはマルチデバイスの設定画面からいつでも追加・変更が可能です。   以上で解説は終わりです。 スマートフォンやタブレットにも対応したサイトにしていきましょう。 ぜひ、WordPressの使い方を覚えましょう!   大石ゆかり 単純にデザインを整えるだけでなく、テーマを切り替えたりもできるんですね♪ 田島悠介 そうだね。 大石ゆかり 頑張って見やすいサイトを作ってみます!   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
これまでWordPressで使えるECサイト用のテーマなどを紹介してきましたが、今回はコーポレートサイト用のテーマです。 コーポレートサイトをゼロから作るとなると盛り込む情報が多く大変ですが、WordPress用のテーマを使えば誰でも見栄えの良いサイトができるはずです。 コーポレートサイトに限らずですが、「もっと見ていたい」「また来たい」と思ってもらうためには見た目のデザインが非常に重要です。 そこで今回は、凝っているデザインでかつ無料で使えるテーマを紹介していこうと思います。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 また、テーマのインストール方法がわからない方は、WordPressのテーマインストール方法を解説した記事をご覧ください。   1. Divi ダウンロード / DEMO 最近はよく見るようになったかもしれませんが、パララックスな動きをするテーマです。 横から何か出るようにしたり、数字を自動で増やしたりと難しいことをする必要なくおしゃれなサイトにできます。自社サービスのユーザー数をコーポレートサイト上に出すなどするとより興味を持ってもらえるはずです。   2. Azoom ダウンロード / DEMO サイト上で紙飛行機が飛んでいたり、風船が浮いていたりとユニークな動きをするテーマです。 コーポレートサイトと聞くと堅苦しいイメージがありますが、ポップな雰囲気を伝えるにはおすすめです。   [PR] WordPressで挫折しない学習方法を動画で公開中3. Corpus ダウンロード / DEMO 最初に目に入る写真と文字の動きが非常に印象的です。 スクロール時に表示されるヘッダーを見ていると、何度でもスクロールしたくなります。   4. Sydney ダウンロード / DEMO 今風なコーポレートサイトを作りたいのであれば、十分なデザイン性でしょう。 かなり多くの情報も表示させることができそうです。   5. EDIN ダウンロード / DEMO このテーマは他と比べ非常にシンプルです。 動きを出したりカスタマイズ性は劣りますが、すぐ形にしたい人にはおすすめです。シンプルなコーポレートサイトで全然平気という人は、このテーマを使うと良いでしょう。 初めてWordPressを触る人は慣れる上でも使ってみると良いかもしれません。   6. West ダウンロード / DEMO hoverで動きを出したり、シンプルな見た目のわりにカスタマイズ性には富んでいます。   7. Sanabel ダウンロード / DEMO 事業内容や会社のブログをトップページにグリッドで表示するテーマです。アパレルなどのコーポレートサイトとしては良い見栄えになりそうです。   8. Salient ダウンロード / DEMO デモをご覧になれば分かりますが、色鮮やかです。 あまり目立たない部分かもしれませんが、マウスオーバーした時の動きがとても印象的ですね。   9. Zerif Lite ダウンロード / DEMO よく海外のコーポレートサイトで見るような見栄えのテーマです。 トップページに多く情報を載せられるので、コーポレートサイトを作る上で相性が良いでしょう。   10. Amax ダウンロード / DEMO スクリーンいっぱいの画像、パララックスな動き、動画とあらゆるものが詰め込まれた豪華なテーマとなっています。 他にもポートフォリオやマーケティングなどカテゴリ別にテーマを選べたりするので、幅広く利用可能ですね。     いかがだったでしょうか。 今回紹介したテーマを見ればわかりますが、本当に手の込んだテーマが多くあります。 今やコーポレートサイトとはいえ、おしゃれなサイトが非常に増えてきています。より良い印象を持ってもらうためにもデザインが綺麗なテーマを使ってみてください。 もっといろんなテーマを見てみたいという方は、無料で使えるWordPressのテーマ30選も合わせてご覧ください。 ぜひ、WordPressの使い方を覚えましょう! [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
100%」。理想にはまだ到達していませんが、残業は平均1日2時間程度、有休取得も推奨し、GWなどに10連休を取得する社員も珍しくありません。また在宅勤務も毎月3回まで可能となっています。 この環境を … セミナーや勉強会などの費用負担 ●健康診断(法定検診以上の内容) ●在宅勤務制度(月3回の在宅勤務可能)など ●社内部活動制度あり ●資格取得手当 … ます。在宅勤務はもちろん、私は3ヵ月の育児休暇を取得しました。PC環境も最新のソフト、デュアルディスプレイ、体に負担の少ないリクライニングチェアなど充実しています。これも、当社に入社して良かったことの … GEEKは社員思いの会社だ。働き方改革に力を入れており、新しい取り組みにチャレンジしている。その一つが在宅勤務制度だ。体調や天候、家庭の事情などに合わせて、メッセージアプリから申請を行なえば、月3回
Webデザインの制作においてレスポンシブデザインの知識はもはや必須となってきました。 レスポンシブデザインを学ぶ際はネットで学ぶこともできますが、やはり本でまとまった情報を手に入れた方が学習のモチベーションも上がります。 今回はレスポンシブデザインの学習におすすめ本を紹介しています。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法 レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法 レスポンシブデザインの基礎知識、設計、実装まで、基本のテクニックを詰め込んだ本です。 HTML、CSSの基礎知識についての解説は掲載されていないので、HTML、CSSを学び、これからレスポンシブデザインを学びたいという方にオススメの本です。   レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL) レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL) 解説が非常にわかりやすいレスポンシブデザイン本です。 解説本では、コードだけが載っており、なぜそうしたのかが載っていない本があります。 この本はその心配がないため、理屈からしっかり理解したい方にオススメの本です。   [PR] WordPressで挫折しない学習方法を動画で公開中レスポンシブWebデザイン「超」実践デザイン集中講義 レスポンシブWebデザイン「超」実践デザイン集中講義 より実践的な知識が載っている本です。 レスポンシブデザインの内容はもちろん、テストやワードプレスの実装など、レスポンシブデザインの中でも一歩踏み込んだ内容が解説されています。   レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法 レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法~ サンプルコードが充実している本です。 サンプルコードはそのまま実践で使える汎用性の高いものばかりです。 コードをどんどん書いて覚えていきたい方にオススメの本です。   レスポンシブWebデザイン 制作の実践的ワークフローとテクニック レスポンシブWebデザイン 制作の実践的ワークフローとテクニック レスポンシブデザインを深く説明している本です。 他の本に比べて実践的な内容は少ないですが、その分、レスポンシブデザインを深く解説しています。 レスポンシブデザインをより根底から理解したい方にオススメの本です。   以上、レスポンシブデザインの学習に役立つ本をまとめて紹介しました。 Webデザインの学習自体これから始める人も、Webデザインはある程度理解している人も、Webサイト作成においてスマホ対応は欠かせない知識になるので、ぜひ理解していきましょう。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。
ClickBank is an affiliate marketing program. ClickBank was founded in 1998 and is privately-held.[1] The company has more than six-million clients worldwide[2] which secured it in becoming the 87th largest Internet retailer in North America.[3] ClickBank is a subsidiary of Keynetics Inc., one of Idaho's largest privately held technology companies.[4] The company has headquarters in Boise, Idaho, and offices in Broomfield, Colorado.
×