2022/03/05
JavaScriptエラーの原因と対処方法一覧
JavaScriptで発生するエラーメッセージと対処方法
JavaScriptの実行時に、エラーが表示されて上手く動作しないことがあります。
原因は単純記述ミスから、やや難解なメッセージまでいろいろあります。海外サイトなどでないとエラーメッセージの警告内容が言及されていないエラーも
発生する度に毎回調べるのが手間なので、JavaScriptのエラーメッセージの内容と原因、対処方法などを随時更新されるページ形式で一覧にまとめてみました。
2022/01/17
PageSpeed Insightsページ速度改善と合格点
ページスピード最適化の考え方と改善
Google検索順位の評価基準のひとつに、Webページの軽量度があります。
PageSpeed Insights APIでURLを入力するだけで、現在のWebページをスマートフォンとパソコンでどれだけ最適化されているかをチェックしてくれるツールです。
すでにあるホームページ等を試してみたら物凄くパフォーマンスの問題を指摘された経験がある方も多いかもしれません。
2022/01/12
ロゴのローディングアニメ制作と作り方を学習
ホームページのローディングアニメ制作と作り方学習
Webサイトにアクセスすると、時折なめらかにかっこよくロゴマークが浮かび上がるサイトを見かけることが多かったので、今回はトップページアクセス時に表示されるローディングアニメーション制作を行ってみました。
できるだけ時間がかからず、軽量で、なおかつ滑らかにかっこよく表示されるローディングアニメを作成してみます。 今回はローディングイメージがループするタイプではなく、ローディング時にロゴマークのパーツがアニメーション描写されて形づくり、トップページが表示されるタイプのローアニです。 (ローディングアニメーションの文言が長いので、以後“ローアニ”と略称が登場しますが、ご了承ください。)
2021/12/25
Wixホームページで事業用サイトを作成
Wixビジネス用ホームページ作成方法を徹底解説
無料ホームページ作成ツールのWix。
世界で利用者2億ユーザー(事業者発表)を突破するドラッグ&ドロップのホームページ作成ツールWix(ウィックス)。
知識や経験は一切不要で数百種類のテンプレートから自由編集、ショップ機能をはじめ必要システムがすぐに導入可能。
無料版ではさまざまなサービス制限があるが、有料版サービスでは決済機能の利用可能で、独自ドメイン設定や広告が非表示選択可能でき、オンラインサポート対応(チャット)もしている。
今回は、ホームページWixで弊社サービス用のビジネスサイトを制作してみます。
2021/11/12
ストレージデバイスSSDとHDDとeMMCの考察
SSDとHDDとeMMCのどれが推奨されるか
デスクトップやラップトップ(ノートパソコン等)では、かなりの期間HDDがデータ記憶装置として採用されてきました。
SDカードやUSBメモリに代表されるフラッシュメモリも数年前ほどから本格的にパソコンのメインストレージデバイスとして採用されてきています。
今回は、業務用パソコンで使用される記憶装置としてどのストレージが適しているか、どのような組み合わせが可能なのかも含め検証と考察をしてみます。
2019/12/28
医院クリニックのためのホームページ制作黄金ルール
お墨付きのホームページ制作黄金則
開業のタイミングでの新規ホームページ制作や、すでにあるホームページのリニューアルをする際にできるだけ労力を少なくかかるコスト(打合せなどを含む)を最小限にして、より効果的によりよいホームページを制作するための黄金ルール?について説明してみます。
総制作サイトは500サイト以上、上場企業から個人事業者までWebサイトの企画から制作、管理の実際の経験をもとに、最適な構成と進行方法でホームページの制作原則を知ることができます。
2019/11/20
よく使うJQueryのまとめ(粗びき)
Web制作でよく使うJQueryザックリまとめ(粗びき)
Webサイト制作でよく使用する関数などをザックリまとめてみました。
基本的にはプログラムソースコードを見ていると15秒ぐらいで眠気を感じてしまうので、わりと実用ベースの利用をもとにした粗びき情報になるので、専門技術という視点で知りたい方は、以下公式サイト等へどうぞ。
2019/11/01
Webページ印刷が上手くいかない時のCSS
Webページ印刷のCSS設定について
ホームページを印刷するときに、レイアウトが崩れたり、ページが余白部分まで印刷されたり、ページが切れてしまうことがあります。
ホームページを上手に印刷するには基本的にCSSで修正してうまく印刷できるようにします。
(IEは比較的にバグが多いので個別の対応が必要になるかもしれません。)
修正対応方法は2つだけです。