ブログBLOG

WebデザインにおけるUIについて徹底解説！

デザインに関する仕事をしていると必ず耳にする「UI」 今回はWebデザインに関するUIにフォーカスして解説します。 駆け出しのデザイナーさんにも是非見て頂きたい内容です！ それではどうぞ！ UIとは UIはUser Interface（ユーザーインターフェース）の略です。 ...

Android Studio 4で初めての基本的なスマホアプリを作る

スマホアプリを自分で作ってみたいと思ったものの、何から始めればいいのか、どの言語やツールが最適なのか、どのように学習を進めていくべきか、といった悩みを抱える人は少なくはないと思います。 ずっとAndroid端末を使ってきていたので「開発するならAndroidアプリ！」を思っていましたが、開発環 ...

360度画像をサイトに埋め込む方法6選！【360度ビューワー・手順・デモ付き】

最近色々なサイトでよく見かける360度画像。 臨場感がありその場にいるような感覚になれるので、是非サイトで取り入れたいと考えている企業も多いのではないでしょうか？ ▼サンプル（こちらは【方法6】Pannellumを使用しております。） こちらの画像はflickr様からお借り ...

【iOS UIWebView廃止の対応策】（2020年12月対応必須）cordova利用のハイブリッドアプリにおける「WKWebView」への移行対応について

Web業界も日々前進していますが、アプリ業界もめまぐるしいスピードで変化し続けています。 ハイブリッドアプリにとって（もちろんネイティブアプリにも関係はありますが）2020年に非常に大きな変化がiOSで見られました。 「UIWebView」が廃止になり「WKWebView」を利用しないといけなく ...

【スマホアプリ開発】ハイブリッドアプリ開発が楽になる js のみのデータベース【indexedDB + Dexie.js】（動作例付き）

システム開発にあたってMySQLなどのデータベースを用いることが多いですが、スマホアプリ開発では端末内にいわゆるデータベースを保持できないので、通常はデータベース用のサーバーを用意する必要があります。 もちろん、データベース用サーバーが必須な場合（他ユーザーと連携するようなアプリの場合）も多い ...

スマホの傾き検知、Web制作で使える？ or 使えない？

スマートフォンでアプリを使っていると、時々デバイスの傾きで画面内もお洒落に傾く事があるかと思います。 Webでも出来るかなと思い調べたところ「DeviceOrientationEvent」というものが見付かりましたので、簡単なデモを作成してみました。 今回は手軽にwebpackとBabe ...

【最新版＊2020年度にむけて】Webデザイン参考サイトまとめ【WEBサイト/レスポンシブ/LP/バナー】

もうすぐオリンピック開催年の2020年！最新のWebデザイン参考サイトをサイト、レスポンシブ、ランディングページ、バナー別にまとめてみました。 参考サイト自体が最新デザインであったり、使いやすい・見やすいサイトを厳選しました。 これからのデザイントレンドをチェックするのに是非ご活用くださ ...

ホームページリニューアルに失敗しないためのポイントや進め方について解説！

新しいデバイスの開発や通信の発達、急速なスマートフォンの普及で５年前に作ったサイトでも古く感じてしまうホームページ。今や会社の情報発信源、顔として必須のホームページも物理的な看板のようにリニューアルをする必要がありますよね。 「そろそろ自社のホームページをリニューアルしたいなぁ」と思った理由はな ...

【すぐに使える】ユーザビリティ＆コンバージョン向上！WebサイトのためのUI・UX改善ポイント26こ

せっかく良質なコンテンツや優れたデザインがあるのに、ユーザーにとって「使いにくい」サイトになっていませんか？ サイトの使い勝手が良いかどうかはコンバージョンにも関わってくる重要なポイント。ディレクター・デザイナー・フロントエンドエンジニアのそれぞれが、ユーザーがどう利用するのかを予想しなが ...

【レスポンシブ】CSSで作るtableデザイン＆コーディング【コードあり】

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができる ...