BLOG

スマートフォンに関する記事一覧

WebデザインにおけるUIについて徹底解説!
投稿日:2024年3月15日

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

Android Studio 4で初めての基本的なスマホアプリを作る
投稿日:2021年2月26日

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

360度画像をサイトに埋め込む方法6選!【360度ビューワー・手順・デモ付き】
投稿日:2020年10月26日

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

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

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

【スマホアプリ開発】ハイブリッドアプリ開発が楽になる js のみのデータベース【indexedDB + Dexie.js】(動作例付き)
投稿日:2020年7月31日

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

スマホの傾き検知、Web制作で使える? or 使えない?
投稿日:2020年6月24日

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

【最新版*2020年度にむけて】Webデザイン参考サイトまとめ【WEBサイト/レスポンシブ/LP/バナー】
投稿日:2019年11月5日

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

ホームページリニューアルに失敗しないためのポイントや進め方について解説!
投稿日:2019年10月10日

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

【すぐに使える】ユーザビリティ&コンバージョン向上!WebサイトのためのUI・UX改善ポイント26こ
投稿日:2019年8月5日

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

【レスポンシブ】CSSで作るtableデザイン&コーディング【コードあり】
投稿日:2018年7月17日

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

初心者~上級者まで!Androidアプリ開発におすすめのツール3選
投稿日:2016年2月19日

Androidアプリを作るにあたってどの開発ツールが良いのか調べてみました。 Google公式として公開されている「Android Studio」 クラウドで開発できる「Monaca」 Android端末で開発できる「AIDE」 Google公式として公開 ...

Androidアプリデザインを始める前に知っておきたい4つのこと
投稿日:2016年2月4日

Androidアプリをデザインしよう!と思い立っても、ウェブデザイナーさんがいつものように作ろうとすると上手くいきません。 Androidアプリのための特有の知識が必要だからです。 が、ちょっと調べてみると知らないことが大量に出てきて焦りますよね。 そこで、Androidアプリデザインを始める ...

コーポレートサイトのトレンド ~フラットデザイン・ゴーストボタン・モバイルファースト~
投稿日:2015年5月13日

現在コーポレートサイトでトレンドとなっているデザインにはどのような特徴があるのでしょうか。 人気のフラットデザインやゴーストボタン、「モバイル・ファースト」の考え方をまとめました。 また、サイトのリニューアルを考える際にまずチェックすべき点を挙げてみましたので、ぜひ効果的なサイト制作にお役立 ...

Googleモバイルフレンドリーの基準とは?スマホのhtmlコーディングで気を付けたいポイント
投稿日:2015年4月4日

2015年4月21日から開始されるGoogleのモバイルフレンドリーについてスマートフォンサイトの制作会社として纏めてみました。 Contents なぜGoogleのモバイルフレンドリーが必要か!? 最適化指標「モバイルフレンドリー」の基準とは モバイルフレンドリーでの補足 モバイ ...

レスポンシブデザインのコーディングの3つのポイント
投稿日:2014年12月2日

PC用ページとスマホ用ページなど、横幅に応じた違うデザインを1つのhtmlで実現させちゃうレスポンシブデザイン。 最近多くのサイトで使われるようになってきました。 今回は、レスポンシブデザインにするメリット・デメリットは置いておいて、コーディングする際の自分なりのポイントを3つほどまとめてみ ...

[HTML] シンプルで幅広いカスタマイズができるフォーム
投稿日:2014年7月25日

web ページを制作する際 form まわりは時間のかかる作業のひとつです。form 部品の表示はブラウザごとや機種ごとでかなりバラつきがあるため、なかなかうまくいきません。 できるだけシンプルに、幅広いカスタマイズができるようなパターンを考えてみたいと思います。 ※ ...

BRISK T-シャツ作っちゃいました!!
投稿日:2014年7月17日

BRISKで密かに進められていた計画・・・・「BRISK T-シャツ作成計画」 始まりのきっかけは、城戸さんの一言。 「うちでT-シャツを作ろうか!?」 仕事の早いオールドルーキーの桜田さんはそんな突発的なことも即デザインしてくれます!! それがこちら!! ...

webページ作成で CSSアニメーションを具体的に使えないか試す
投稿日:2014年4月18日

CSS の animation や transition を使えるようになって久しいですが、実際の使いどころはいまいちな印象です。原因の大部分は IE にあるとおもいますけど。 そこで animation に対応しているまともなブラウザさんにはおもてなしを、 そして対応していない ...

【google+】スマホの容量が軽くなる!?写真をgoogle+に保存してみる
投稿日:2014年4月18日

最近、写真を撮ることが多くなり、iPhoneの容量不足に悩んでいた望野です! 今回は、そんな悩みを解消してくれた【google+】をご紹介します。 【google+】を使用している理由は、 無料!!(15GBまで) 簡単!!(すぐ使えます!) PCからでも他人のスマホからでも、ネットさ ...

レスポンシブWebデザインについて
投稿日:2013年3月18日

スマートフォンサイト制作において最近はいろいろな選択肢があります。 通常の制作以外にても、パッケージで安く作る、CMSを導入する等 要件、オーダーによっていろいろな手法があり その中の1つでレスポンシブWebデザインというものがあります。 レスポンシブWebデザインは、ブラウザの横幅に応 ...