はてなブックマーク

4月もあっというまに最終日となり、現在ゴールデンウィーク真っ只中です。 色々な行楽地に行かれる方も多いのではないでしょうか？ そんな時に活用するのがGoogleマップ。WEBサイトにもGoogleマップが埋め込まれてるのが当たり前になってきました。 この時、通常のマップではなく少しカスタマイズされたGoogleマップであると、ユーザーにより興味を持たせることが出来ると思います。 ということで、今回はGoogleマップの簡単なカスタマイズについてご紹介いたします！ カスタマイズの前に GoogleマップのAPIには多くの種類が存在しますが、マップの表示のカスタマイズには「Google Maps JavaScript API」を使用します。 まずはじめにこのAPIを有効にしたAPIキーの取得が必要となるのですが、今回はこの説明は省略させていただきます。 （APIの取得の方法は近日公開予定） マ

最近ではWEBデザインの世界でもSVG画像を利用する機会が増えてきました。 SVG画像とは簡単に言うと、点や線といった幾何学的な情報から成り立つ画像の形式で、いくら拡大しても綺麗なままでかつ、ファイルサイズもそのままであるのが特徴です。 またXML形式で保存されるため画像であるにもかかわらず、テキストエディタ（メモ帳）で編集することもできます。 ロゴやイラストなどのデザインによく使われますね。 さて、SVG画像を取り入れると従来のビットマップ画像（ラスター画像）では出来なかった、アニメーション効果を作ることができます。 以下の画像は実際にSVG画像を動かして「カエルがほっぺたを膨らませて鳴いている」様子をアニメーションにしたものです。図1 このような変化はスタイルシートによるアニメーション効果では実現出来ません。 図1 カエルのなく頃に これはSVGのパス（点と点を曲線で結んだもの）をJa

コーディングガイドラインについて 最終更新日 2017.5.14 弊社では常に高品質の制作物を提供するために、独自のガイドラインを設定しております。 以下にそのガイドラインの一部をご紹介いたします。 1.1対象ブラウザ 対象ブラウザとバージョンは次のように制定する。 Internet Exploler9 以上 Google Chrome（最新バージョン） Safari（最新バージョン） FireFox（最新バージョン） Android Browser ※スマートフォン・タブレットデバイス Safari for iOS ※スマートフォン・タブレットデバイス Internet Explorer9 を基準とし、最新のブラウザに対してはより高品質・高機能な表現を行う。 具体的にはIE9 ではアニメーションなどをしないなど、視覚効果の一部が動作しないことを許容する。 また対象サイトがスマートフォン・

WEBサイトチェックを徹底して納品時の品質を向上させよう！ 投稿日 2016.10.23 WEB制作全般 近年ますます複雑化するWEBサイト。 一体何をどうチェックすれば安心して使って頂けるWEBサイトを提供出来るのでしょうか？ 今回はカポタストで行っているのWEBサイトのチェック方法について、具体的な項目を交えて説明させて頂きたいと思います。 また本記事の最後には弊社のWEBサイトチェックリストを掲載させて頂きました。 WEBサイトをチェックする上で抑えておきたいポイント 弊社が考えるWEBサイトチェックのポイントは以下の通りです。 一定のチェック項目（チェックリスト）を作る 機械的なチェック作業は自動化を検討する チェックする目的をきちんと理解する チェック項目・方法についてはその都度更新を行う チェック時の条件・環境を必ず明記する WEBサイトを作成する度に異なったチェックをしている