logo jQueryに強い、基本料金0円。わかりやすい料金設定でご提供する、
コーディング代行サービス「ココマチ コーディングラボ」
050-3184-0915

MENU

スタッフブログ

お見積り依頼

旬なフラットデザインでホームページをイメージアップ

MicrosoftやAppleも採用するフラットデザインとは?

フラットデザインは、シンプルで伝わりやすく、無駄を削除した最先端のデザインであり、Windows8やiOS7といった最新OSのGUI(グラフィカルユーザーインターフェース)でも採用されています。これらの画面を見てみると、一つ一つのアイコンが以前のつやつやした立体感のあるものから、平面的なペタッとしたイメージのものに変わっており、使用されている色味もほぼ単色とシンプルなデザインになっていることが分かります。

続きを読む

モバイル端末を意識したコーディング

モバイル端末に適したサイトデザインの重要性

近年、スマートフォンやタブレットなどのモバイル端末の普及にともない、パソコンからのウェブサイト閲覧数にモバイル端末からの閲覧数が追い付きつつあるという調査結果が出るなど、ウェブサイトを制作するうえでモバイル端末に適したサイトデザインが重要になってきました。また2015年4月からGoogleはモバイル端末からのウェブ検索において、スマートフォンに対応したサイトを優先して表示するようになり、今後ますますモバイル端末を優先して考えるモバイルファーストへの関心は高まることが予想されます。

続きを読む

パララックスを実装するためのコーディングとは

パララックスとは

パララックスを日本語に訳すと「視差」という意味になります。もともとは写真用語のことで、ファインダーと撮影レンズが離れているカメラの場合、ファインダーでのぞいた画面と、実際に写真となる画像にはずれが生じます。このずれのことを指して視差といっているのですが、Webではスクロールなどで画面を移動させるときに、階層のように重なった画像がそれぞれ異なったスピードで移動することによって立体感や遠近感を表すための方法として使われます。これを視差効果といいます。代表的なものとしてスクロールエフェクトが挙げられます。2012年頃から流行りだしたといわれていますが、その格好よさや面白さから、まだまだ人気が高い表現方法といえるでしょう。

続きを読む

レスポンシブコーディングに最適なBootstrap

魅力あるフロントエンドツール

Webサービス開発者にとって、効率よく開発・制作でき、簡単にデザインできるツールは必要不可欠です。そんな希望を叶えるフロントエンドツールとして注目されているのがBootstrapです。オープンソースで公開されているので誰でも無償で使うことができます。このツールはHTML5、CSS3、jQueryを使用したフレームワークです。フレームワークとは、CSSのスタイルをある程度定義しているもので、簡単に統一されたデザインを適用できます。これにより素早くWebサイトを構築することができます。

続きを読む

かっこいいデザインはBootstrapにおまかせ

Web制作の手助けになるフレームワーク

Web制作を行うために便利なCSSフレームワークの中でも、日本で一番人気があると言えるフレームワークは、Bootstrapではないでしょうか。2011年に、最初の正式版が公開されたこのフレームワークは、フレームワーク初心者でも使いやすく、Webデザインが苦手なエンジニアでも、簡単にかっこよくておしゃれなサイトを作ることができます。またjQueryプラグインが豊富なので、jQueryの知識がない場合でもユーザーが直感的や感覚的に理解できるリッチなUIを実装できます。それ以外にももてはやされる理由はあり、ひとつは比較的簡単にカスタマイズできることがあげられます。次にあげられるのは、レスポンシブデザインにも対応していることです。今やスマホやタブレット端末が普及し、モバイルファーストともいわれる時代に、レスポンシブデザインへの対応は必須なのではないでしょうか。

続きを読む

SEO対策とコーディングについて

Webサイトに訪問してもらうには

Webサイトを作っても訪問してくれる人が誰もいなかったら、情報を発信するというWebサイト本来の役割は果たされないことになります。サーバーに負荷をかけるだけの結果になってしまうでしょう。しかしそうはいっても現代社会にはもはや膨大な数のWebサイトが存在しているのです。星のようにあふれかえるWebサイトの中から、どうすれば自分のWebサイトを見つけて訪問してもらえるのか、コンテンツの中身ではなく、コーディング面でのコツをお話ししたいと思います。

続きを読む

SEO対策におけるHTMLコーディング

コーディングに工夫して検索上位表示を狙う

HTMLコーディングをする際、検索エンジンの上位へ表示されるため効果的なSEO対策も考える必要があります。検索エンジンの評価基準というのは日々変化している上、はっきりと提示されているわけではありませんが、SEO対策とコーディングには密接な関係があることがわかっています。今あるサイトの内容を変えなくても、表示内容を工夫するだけで検索エンジンの評価が上がり、集客につながるのです。しかし、先に述べたように検索エンジンの評価基準は日々変化しているために、定期的なチェックと適切な修正が必要になります。検索上位に表示されたからと言って、サイトを放置したままにしないように注意しましょう。

続きを読む