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

MENU

2015 5月

お見積り依頼

レスポンシブコーディングに最適な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対策とコーディングには密接な関係があることがわかっています。今あるサイトの内容を変えなくても、表示内容を工夫するだけで検索エンジンの評価が上がり、集客につながるのです。しかし、先に述べたように検索エンジンの評価基準は日々変化しているために、定期的なチェックと適切な修正が必要になります。検索上位に表示されたからと言って、サイトを放置したままにしないように注意しましょう。

続きを読む

jQueryとは

Webページを作るには

jQueryとは、JavaScriptコードを簡単に記述できるように設計された、JavaScriptライブラリです。という一文で説明できてしまうのですが、もう少し詳しく説明していきます。まず、Webページを作るために、HTMLという言語を使用します。この言語はそもそもWebページを作るために開発されたのですが、現在インターネット上で公開されているWebページのほとんどがこのHTMLを使って作成されているくらい、大メジャーな言語です。Webページと他のWebページとのリンクを貼ったり、データファイルをリンクで埋め込むことがきりたりするのですが、他にも文章の構造を記述するために使います。ここからここまでが見出しで、ここからここまでがひとつの段落だよ、という具合にです。ところが、これ以上の役割を持たされてはいないのです。文字の大きさや色を変えたいときは、HTMLではなく、CSSといった、スタイルを指定するためのまた別の言語を使うのです。この二つの言語を使えば、Webページは作れますが、見た目としては本や雑誌のようなページが出来上がります。いわゆる「静的ページ」というもので、何の動きもないページになってしまいます。

続きを読む

webデザインにもトレンドあり

webデザイントレンドの話

2014年頃から、webデザイントレンドとしてゴーストボタンが話題になっています。国内というよりは海外のwebサイトでよく見かけるデザインです。ボタンが透明であったり、半透明であったりするので、背景の画像が透けて見えます。そのあたりがゴーストボタンという名前の由来らしいのですが、別にユーザーには全く見えず、気が付かないうちにクリックしていたという意味のゴーストではありませんので、あしからず。

続きを読む

HTML5によるWeb制作でなにができるようになるのか

HTML5の主な変更点

スマートフォンの普及によりHTML5によるWeb制作の需要が高まってきていますが、そもそもHTML5によるWeb制作とは今までのWeb制作と何が違うのでしょうか。従来のHTMLによる記述は、ユーザーの操作に反応して何らかの情報処理をするという、いわゆるウェブアプリケーションの制作が苦手でした。そのため、そのような処理を行う場合は他の機能やプラグインに頼っていました。しかし、Apple社が市場トップシェアを誇るiPhoneやiPadなどのスマートフォンやタブレット端末ではプラグインに対応したブラウザを搭載しないことを明言したために、従来の方法に頼らないWeb制作が必要となったのです。

続きを読む