VPS（Virtual Private Server）は、日本語に訳すと「仮想専用サーバー」となります。１台のサーバーを複数のユーザーで共有する点は共用サーバーと同じですが、VPSでは、仮想的に専用サーバーと同様の自由度・性能を利用できるよう設定されています。ここでは、VPSの魅力や性能、そしてメリット・デメリットを初心者の方にも分かりやすくまとめました。 VPSの仕組み、レンタルサーバーやクラウドとの違い VPSと共用サーバーとの大きな違いは、上述の通り自由度や利用できるサーバーの性能です。レンタルサーバー＝共用サーバーというイメージの方も多いと思いますので、ここでは、VPSと共用サーバーの違いについて詳しく解説いたします。 ユーザーごとにゲストOSが用意されている VPSでは1台の物理的なサーバーの中に、仮想的に複数のサーバーを構築します。共用サーバーと異なり、ホストOSの土台の上にユ

「赤文字系」「青文字系」という言葉をご存知でしょうか。 古くからある女性誌の分け方のひとつで、端的にいうとモテ系か否か、というざっくりした区分です。 赤文字系で代表的なのが、CancamやJJなどのモテ系女子大生向け雑誌。 彼女たちにとっては、「かわいい」が最高の褒め言葉です。 対して、青文字系は「Zipper」や「Cutie」など、個性的な装いを好みます。 洋服選びのポイントは、男性からの評価よりもとにかく「自分らしくあること」。 「おしゃれだね」「個性的だね」が彼女たちの喜ぶワードです。 このように、雑誌を含めた女性向けマーケティングは、赤文字系・青文字系の二軸で語られてきました。 しかし、ネットの発達によって好みがより細分化された結果、私たちはマーケティングにおいて、より多くの「カラー」を意識する必要がでてきました。 そこで今回は、私の主観ベースで最近の新しい「カラー」について解説し

こんにちは、久保田です。今日はオンラインショッピングや物件検索などで使用される、検索画面や検索時に使われるUIを見ていきたいと思います。検索と一口に言っても、用意されたカテゴリーの中から1点選ぶものから、複数項目を選べる複雑な検索など様々です。そもそも検索はユーザーが目標物にたどり着くための便利な機能ですが、選択項目が多かったり、各条件が関係し合っている場合などは、見せ方を工夫しないと検索そのものが役に立たなくなってしまいます。事例をあげながら見ていきますので、検索機能のデザインをする際の参考にしてみてください。 もくじ大きく3構成にてご紹介していきます。 よくある検索方法複雑な検索（詳細検索）工夫されたUIやデザインパターン 1. よくある検索方法例えば、オンラインショッピングサイトで買い物をするとき、サイトトップページからユーザーはどのように検索をするでしょうか？国内の主要なECサイト

こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ ソリッドレイアウト（固定レイアウト）とは？ リキッドレイアウト（可変レイアウト）とは？ リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？ パソコンは何pxで作るの？スマートフォンは何pxがいいの？ って聞かれることが多いので、デザインの横幅でもう迷わないた

コーヒーの香りは人をリッチにする。が、コーヒーがもたらす富があまねく人を豊かにしてきたわけではない。コスタリカ、ジャマイカ、グァテマラ、コンゴ、ベトナム…。中南米、アフリカ、アジアを横断する「コーヒーベルト」の国の多くが […]

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

スマートフォンが普及し、デスクトップやモバイルの速度も安定してきたので、それに合わせてホームページのデザインも変化しています。 もちろん、定番で形式化されたデザインやレイアウトもある程度は存在していますが、挑戦的なデザインはどの時期にもあるものです。 とりわけ、モバイルファーストが急速に普及していった2015年を境に、ホームページのデザインは次の段階へとステップアップしています。 スマートフォンでのホームページの閲覧がデスクトップを上回ったことで、スクロールを重視したり、マルチデバイスに合わせたデザインが一般化してきたので、いかにスマートフォンでも閲覧しやすく、デザインや機能性も保持できるかが重要になってきます。 今回は、2015年以降に起こっているWebトレンドのまとめと今後のトレンドの大胆予測をご紹介していきます。 ホームページやアプリのデザインを行う機会のある方は、ぜひこの機会にこれ

近年、急速にスマートフォンの普及が進む中、PC版とは異なるUI・UXで、スマートフォン用に制作されたWebサイトが増えています。 これまでは「PC」が主体で制作されていたWebサイトですが、若い世代では"PCを所有していない人"も多く、スマートフォンだけで携帯電話とPC、双方を兼ねて使っているという人も少なくありません。 そのため、スマートフォンサイト（以下、スマホサイト）のUI・UXに関しても、より使いやすさというのが求められる時代になってきていて、必要とされるポイントとしては、画面が小さいため、視認性や可読性の高さ、タップのしやすさなどになります。 そこでユーザをストレスなく、目的とするページに遷移させるためにも重要となってくるのがグローバルナビゲーション（グローバルメニュー）の役割です。 今回は、実例をもとに、様々なスマホサイトのグローバルメニューをご紹介します。 各グローバルメニュ

ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。 しかしモバイルの小さな画面上では、分かりやすくアクセスしやすいナビゲーションメニューを作成するのは大変な作業で、コンテンツの優先順位に応じてUI要素が必要になります。異なるナビゲーションメニュー・パターンを利用し、他の解決方法を試みても、他のさまざまなユーザビリティーの問題点が出てきてしまいます。 この記事では、ハンバーガーメニューとタブメニュー、ジェスチャー型ナビゲーションといった、モバイルアプリの基本的な3つのナビゲーションパターンのメリットやデメリット、デザインの解決方法について詳しく見ていきましょう。 コンテンツ目次 1. ハンバーガーメニュー 概要 メリット デメリット デザインの解決方法 2. タブメニュー 概要 メリ

写真なみに美しいスキャン画像のライブラリーのおかげで、実質現実空間でもインターネットが使えるようになった。 by Signe Brewster2016.10.12 4 2 1 0 米国の不動産サイトで一戸建てやアパートを探すと、写真の右下に、メガネの形をした新しいアイコンがあることに気がつくかもしれない。アイコンをクリックすると、360度の実質現実モードが起動し、グーグルのカードボード（段ボール製のVRゴーグル）やサムスンGear VRを装着し、「実際に」物件を内覧できる。 VR映像を実現しているのは、マターポート（本社サンフランシスコ）が実質現実（VR）用に変換した25万枚以上の3Dスキャン画像を収蔵するライブラリーだ。現段階で、デスクトップ・コンピューターの性能に見合うほど精緻なVRコンテンツが豊富に揃っているわけではないが、マターポートが提供する写真のようにリアルなスキャン画像のライ

更新日: 2017年06月27日公開日: 2015年10月27日「超」初心者のためにPHPとフロントエンド言語の違いをサクッと解説 「PHPとHTMLって、違うものなんですか？」という素朴な質問。経験者であれば「全く違う」と即答する内容ですが、初心者の方にしてみればプログラミング言語の違いはわかりにくいですよね。プログラミング言語は200種類以上あると言われていますが、よく似ているものから全然違うものまで様々。そして中でもPHPなどバックエンド言語とHTMLなどのフロントエンド言語には大きな違いがあります。 というわけで、今回はフロントエンドとバックエンドの違いについてサクッと解説させて頂きますね！ バックエンドとフロントエンドとは WEBサービス開発を行う上で抑えておきたいのが、「フロントエンド」と「バックエンド」という概念。簡単に言うと、フロントエンドとはユーザーに見せる為の見た目の部

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

従来のホームページづくりはデザイン料金、ブログ構築費、サーバー設定代、オプション追加料金…など、費用面が煩雑で難しい、と住職さまのお声を耳にしました。 なのでてらこでは、寺院さまに安心してホームページを作っていただけるよう、お寺のWebサイト作成に必要な全てをパックにした、安心のワンプライス（一律料金）制を採用しています。 プラン詳細はこちら

「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。 まずは導入後のイメージを御覧ください。（英語ですが公式サイトのイメージよりもわかりやすいです） このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。 自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。 http://g.co/ampdemo（※スマホからアクセスしてください） 既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。 Googleが過去に発表してきた、モバイル

 設定は一瞬。Apple Payの設定は簡単です。クレジットカードなどをiPhone上のウォレットアプリに追加するだけで、すぐに使えます。Suica、PASMO、ICOCAを加えれば、iPhoneまたはApple Watchをかざすだけで、自動改札をスムーズに通ることもできます。カードのポイントはすべて引き継がれ、特典もこれまでと同じように利用できるので安心。がんばって貯めたポイントやマイルを失うことはありません。 カードを追加する方法 もう、あなたのデバイス上にあります。Apple Payは、iPhone、Apple Watch、Mac、iPadに内蔵されています。登録や年間手数料は不要。別のアプリのダウンロードは不要。複雑な設定プロセスは不要。面倒な作業も不要です。  交通機関の利用もここまで簡単。Suica、PASMO、ICOCAをApple Payに追加すると、これまで以

カプセルホテルの発祥地・大阪で、外国人旅行者や女性客をターゲットにした新しいタイプのカプセルホテルが相次いで登場している。背の高い外国人が泊まれる長いカプセルや女性同士で泊まれるツインルーム、ジムやプールを完備する施設も。大手企業の採用選考が今月１日から解禁されたが、就職活動生を迎える長期滞在型プランも注目を集めている。誕生から３７年たった今、客層も様変わりしている。 カプセルホテルは１９７９年、建築家の故黒川紀章氏の監修で日本で初めて大阪・梅田に誕生した。ビジネスマンの利用が大半だったが、最近は外国人や観光客の利用が急増している。 大阪でサウナ施設を展開する「ニュージャパン観光」は２０１４年、急増する外国人観光客を狙った男性専用のカプセルホテル「カバーナ」（１泊４１００円～）を、観光名所の道頓堀（大阪市中央区）で開業した。背の高い欧米の男性でもゆったりとくつろげるように、カプセルの奥

まいどおおきに！ 株式会社LIGの鮫島です。 今回は「大阪府」にあるイケてるホームページ制作会社を12社を調べて比較してみました。どれもレベルの高い会社ばかりですので、Web制作会社選びのご参考に 💡【厳選】全国の大手Web制作会社8選はこちらの記事から 大阪ではないけど…… 弊社株式会社LIGは2007年設立の、東京都のWeb制作会社です。 年間150サイトリリース、毎年複数のデザインアワードを受賞する実績で、他者から抜きん出た、訪問した瞬間に貴社の魅力がズバッと伝わるWebサイトを制作します！ 打ち合わせなども全てオンライン対応しておりますので、どうぞお気軽にご相談ください！ 💡LIGのWeb制作詳細・実績 大阪のイケてるWeb制作会社12選 株式会社ZIZO 「ワクワクする事をひとつでも多く」というビジョンのもと、Webサイト制作・Webサービス運営をはじめ、アプリ、グラフィック