Double Factory(ダブルファクトリー )がコーディング後にチェックすること

こんにちは、大阪の堀江にあるWeb制作会社、Double Factory(ダブルファクトリー )のプランナー丸山です。 以前、「Double Factory(ダブルファクトリー )のアフターサービス」について、記事を書きましたが、今回はコーディング後にチェックしていることについて述べたいと思います。 Web制作を依頼して、デザインも決まって後はコーディングのみ!!となったものの、コーディングって何??いったい何をチェックすればいいの??よく分からない用語もありそうだし大変そう…と、思われるかもしれませんが安心して下さい! Double Factory(ダブルファクトリー )がコーディング後にチェックすることを公開します! 分かりにくそうな用語は簡単に説明と、なぜやるのかポイントも以下にまとめておりますので、ぜひご覧下さい。 コーディングとは? Google CromeやInternet Explorerなどブラウザで、デザインしたWebサイトをHTMLなどの言語を使って見えるようにすることです。 プログラミング言語を使って組み立てていき、間違いがあるとページがうまく表示されないこともあるので、コーディング後にWebサイトをチェックすることは必須です。 以下で、どんなことを、なぜ、どんな風にDouble Factory(ダブルファクトリー )がチェックしているのか述べていきます。     コーディング後にチェックすること   動作 -レスポンシブデザイン PC、タブレット、スマートフォンでの表示・動作はスムーズか、レイアウト崩れはないか。 ★レスポンシブデザインとは、PCやタブレット、スマートフォンなど違うデバイスから見ても、幅や表示方法を変えることで同じURLとHTMLで表示できる手法です。 この手法が出来るまで、PC・スマートフォンを分けてWebサイトを制作していたので、時間や費用もかかっていました。デバイスによって表示を切り替えをしてくれる分、各デバイスでユーザーが使いやすくみやすい表示をしているか確認することは必須になります。   -リンク リンクのあるボタンやテキストをクリックして確認。 どのようにリンクを開くかもチェック(target_blankなど) リンク切れがないか、ページ内リンクも確認 ★リンク切れはユーザーにとってはもちろん、SEOの観点からも良くないのでしっかりチェックします。   -メニューやアコーディオン メニューやアコーディオンの開閉チェック。 ★動かないとユーザーが欲しい情報のページにたどり着けないこともあります。   -hover時の動き hovar時の設定と挙動があるか確認。 hover:リンク要素などに、マウスを乗せた時に色が半透明になったりする表現のこと ★リンクがある部分を分かりやすくするために重要なアクションになります。   -JavaScriptの挙動 正しい動きをしているか確認。 ★プログラミングに近いこともあるので、内容によってはJavaScriptの部分のテスト指示書を作成しております。   -Webサイトの重さ 遅い場合、画像が適正な大きさに圧縮されているか確認。 ★Webサイトが重いとページを開くのに時間がかかり、離脱率が高くなります。   -スクロールエフェクト スクロールに応じて画面が切り替わったり、そのアクションが動いているか検証。 ★アクションが動かないとユーザーに伝えたいことが伝わらないことも。… Continue reading Double Factory(ダブルファクトリー )がコーディング後にチェックすること

WordPressを使用したWebサイト制作って?

こんにちは、大阪の堀江にあるWeb制作会社、Double Factory(ダブルファクトリー )のプランナー丸山です。 Webサイト制作やリニューアルを検討する時、WordPress(ワードプレス)というワードをよく見かけるのではないかと思います。 ここではWordPressについて簡単に説明します。 WordPress(ワードプレス)とは? WordPressは、世界のトップシェアを誇るCMS(コンテンツ管理システム)です。 プログラミングの知識がなくても、Webサイトのコンテンツを管理できたり、Webサイトがつくれるソフトウェアとなります。 実は大手企業や教育機関など有名なWebサイトもWordPressで作られているものが多いです。 本当に専門の知識はいらないの? ブログのようにWebサイトが作成できるツールなので、簡単にページの作成・更新ができ、難しい操作方法を覚える必要がありません。 「HTML」や「CSS」の知識があった方が、見やすく使いやすいWebサイトができると思います。 そして、動きや華やかさを追加したいのであれば、「JavaScript」や「PHP」を知っておいた方がより良いものを作ることができます。 導入するメリット 1.Webサイトやブログの更新や作成ができる こちらのブログ「Double factoryのアフターサービス」でもお話した通り、Webサイト完成=スタートです! Webサイトで集客をお考えてあれば定期的な更新が必要です。 貴社内で簡単にページの更新や作成ができるようになるので、新しい情報をすぐにアップできるようになります。   2.更新するためのコストを減らせる 社内で簡単に更新ができるようになります。 ちょっとした変更や追加、ページの更新や作成に制作会社とのやりとりがなくなるので、更新費用を支払う必要がなくなります。   3.管理や引き継ぎも楽にできる ユーザー管理が充実しており、ユーザ権限をそれぞれに設定し管理できます。 複数人でWebサイトの管理や更新をする必要がある場合、担当にする役割に合わせて権限を設定することでスムーズな運用ができます。   4.世界一使われているCMSである Q-Success社( オーストリアの調査・コンサルティング会社)から2020年12月にWebサイト向けCMSのシェアが発表されました。 その記事では、それまでCMSを使っていないサイトの方が、WordPressのシェアよりも少なかったのですが、2020年12月の記事では、そのシェアが逆転したという内容でした! 2021年2月には、このままのペースでWordPressが増加を続けた場合、2021年3月には世界のWebサイトWordPressのシェアが40%を超えるものと見られているようです。 今やCMSにおいて、WordPressはとても強い影響力を持っていることがわかり、大手のWebサイトでも使われる、世界一のCMSなのです!   CMSシェアグラフ 資料: Q-Success 参考Webサイト:Historical trends in the usage statistics of content management systems 懸念されることと解決策 WordPressの機能を拡張できるプラグインを利用し、懸念点を解決できます! 1.SEOの細かい設定ができないのでは… 「All in One SEO… Continue reading WordPressを使用したWebサイト制作って?