-
ホームページのリニューアル
七夕を1日過ぎてオフィス木蓮のホームページのリニューアルを公開。 外が暑いので、スッキリなデザインにしちゃいました(笑)。 ホームページの作成・リニューアル、スマートフォン向けサイトの作成、WEBソステム開発などは、相模原市にある当事務所にお声をかけてください。
-
お問合せフォームについて
ネットショップではなく、実店舗や会社の案内のホームページでは、「お問合せフォーム」がお客様との初めてコンタクトするページであることから、重視すべきページであると考えています。 動作の流れ 弊社作成に限らず一般的にお問合せフォームの流れは以下の通りと思われます。 入力フォーム 入力内容の確認 送信 あと、入力内容を修正するため「入力内容の確認」から「入力フォーム」へ移動する動作もあります。 以上の動作のなかで次のような状況のフォームをみることがあります。 「入力フォーム」から「入力内容の確認」へ移動するとページのデザインが全く変わる。 「入力フォーム」から「入力内容の確認」へ移動で文字化けも生じている。 「入力内容の確認」から「入力フォーム」へ戻ったとき入力した内容が消えている。 「いつの時代の話?」と思われる人もいるかもしれません。実際、私自身がそのように思っています。しかし、同業他社の最新の制作実績のサイト(1ヶ月程度前に公開)を拝見したとき上記の状況であることから、強いて書いています。業界への不信感につながるような制作はホントに困ります。 弊社では、上記のようにデザインが変わったり、文字化けが生じたり、入力内容が消えているなどのような状況のフォームを提供することはありません。 また、最近は、入力フォームで、入力エラーが生じた場合、Javascript でエラーメッセージを表示させるページをよく拝見します。それはそれでよいのですが、Javascript はパソコン側の設定で OFF にすることができます。つまり、Javascript を OFF にした場合、そのお問合せフォームはどのように動くのか? 「送信」ボタンが全く動かない。 エラーチェックせずに送信完了ページへ遷移する(メールが送信されたかは不明) フォーム自身が表示されない。 システム(PHP)のエラーメッセージが羅列される。 以上の状況に陥るお問合せフォームをみたことがあります。「Javascript を OFF なんて」と思われる人もいるかもしれませんが、セキュリティの面で OFF にされている人も存在します。「Javascript が OFF の状態でもキチンと動作するか?」重要なチェック事項と考えます。 セキュリティ HTMLタグの挿入 「名前」や「お問合せ内容」の入力欄にHTMLタグを入力した場合、そのまま送信されませんでしょうか? HTMLタグを挿入された城田のメールが届いても特に大きな問題に至るとは考え難いのですが、お問合せ内容がメールで送られるだけではなく、データベースに保存し管理画面でそのまま閲覧する仕組みの場合、問題は生じます。 弊社では、データベースに保存するようなことがなくてもHTMLタグは無効にすることを実施・推奨しております。 入力内容のチェック お問合せフォームでは、「名前」「メールアドレス」「お問合せ内容」の項目はあると思います。 全ての項目につきまして「入力必須」とした場合、「空白」であればエラーになるようにすると思います。 では、適当な記号を挿入した場合、どうなるでしょうか? きちんと処理しない場合、メールの不正中継 が起きる可能性があります。 弊社では、入力エラーチェック時に不要なコードの除去の実施するだけではなく、入力内容の確認画面のページからでの遷移でなければ送信処理が行われない処理(リファラーチェック)も施しています。
-
e-Tax への道のり
「e-Tax」言葉そのものはよく耳にするけど実際どうやるの? なにがいいの? IT関連事業を運営している著者が、確定申告の提出だけは毎年税務署まで持って行っています(昨年の書類は先ほど提出してきた^^;)。経理関連は「やよいの青色申告 13」を使っていることから、普通に考えれば、ネットを使って申告する方が楽であると思われるのですけど。。。 では、いままでなぜ手をつけなかったかと申しますと「準備がめんどくさそう」だけです。 以前、資料を読み、e-Tax を行うに必要な事項が以下の通りである事を知ったのですが。。。 住民基本台帳カードの作成 カードリーダーの購入・設置 開始届出書の提出 「重心基本台帳カード」の作成は、市役所で行います。これだけで後回しにしようと思っていたのですが、今後、楽になることを信じて、先ほど、相模原市役所で作成してきました。その手続きを以下にかきます。 区民課へ 相模原市役所の場合、区民課に行きます(市役所HP関連ページ)。受付の人に説明すれば必要書類をもらうことができます。 書類に記入 書類は2枚。住民基本台帳カードを発行するための書類と電子証明書の書類。どちらも手続きに500円(計1000円)が必要になります。記入を終えたら提出してしばし待つ。 手続き(その1) 書類の手続きを行います。担当の人に「運転免許証」と「保険証」をコピーのために渡し、先の1000円をここで支払います。本人であれば印鑑は不要とのこと。簡単な説明を受けて、カード制作に再度しばし待つ。 手続き(その2) 窓口がかわって、作成されたカードにデータを移すため、その場で考えたパスワードを数回入力します。あとは担当者が目の前で(モニタはみえませんが)パソコンを操作して完了です。余談ですが、ここでフロッピーディスクが使われていたことにちょっとビックリ。(^^; 以上でカードが手元に! なお、手続きの途中でカードに「顔写真を入れるか?」と聞かれますが、e-Taxの利用であれば顔写真は必要ないので、私は付けなかったです。 次にカードリーダーになるのですが、近くの家電量販店に寄って覗いてみましたが、2種類しかなかった!? 市役所でいただいた資料には動作チェック済みのカードリーダーが多数載っていたのですけどね。価格だけ覚えて、先ほどネットで以下を注文。 数日後に届くでしょうから、続きはそのあとで。
-
ホームページを公開したいけどどうすればよい?
「ホームページを公開またはリニューアルしたいけどどうすればよい?」 Q&Aのサイトを巡回するとそんなお悩みをもたれる人が多く存在しているようです。 「5W1H」の基本的な考えに基づけばよいのです。 誰が制作する? ホームページを誰が制作するのかを考えましょう。 自分 ホームページを公開するための知識や技術をお持ちであれば自分で制作するのがよいと思います。但し、これから教室に通い、その後に作成するとのお考えの場合、教室への費用やその間の時間的なビジネスロス、できあがるであろうホームページのクオリティなどを考慮すると専門業者へご依頼されることを推奨します。 詳しいスタッフまたは知人 周囲にホームページ作成の知識・技術をお持ちの人が存在すれば、その人に頼むのがベターと思われます。なお「WORD や EXCEL に詳しいからホームページも作成できる」ということはありません。まったく別の知識・技術です。いままで、このように勘違いしておられる管理職の人に何人も出会い、任されたスタッフが、かなり苦労されている姿を拝見しています。 「横幅を何ピクセルで作成すればよいか?」この問いに具体的な数字で回答できなければ素直に専門業者にお任せされた方がよいと思います。ちなみに回答は「現在は960~980ピクセルがベター」です。760前後の数字の場合は古い情報です。 専門業者 ホームページに特化した専門業者ですので、制作に関しましては心配する必要はありません。但し、どのようにコンタクトをとればよいのか? 1社だけの見積もりでよいのか? などさまざまな考えがあると思います。そのような場合は、業者に直接コンタクトをとるのではなく「楽天ビジネス」のような一括で多数の見積もりを取得できるサイトを利用するのがよいと思います。但し、できれば弊社にお願いしていただければうれしいのですけどね。 何を作るのか? ホームページであることは間違いないのですが、その内容を考えてください。 事業の紹介や求人案内などのパンフレットの代わりになる会社のホームページ 特定の事業(サービス)を前面に押し出したホームページ 取り扱い商品の販売サイト 社長の趣味のホームページ いろいろとあると思います。 目的は? ホームページにアクセスしてきて欲しい人は誰か? それを考えるとホームページ制作の企画がスムーズになります。 いつまでに? 当たり前ですが納期は存在します。納期のない仕事は放置されます。 ホームページの場合、コンテンツの量やバナー1つにかける時間などにより、時間に関しては、凝りだすとキリがなくなります。「いつまでに」は明確にしておく必要があります。 但し、制作される人の技量に左右されますので、その制作担当者と相談のうえ決めることを推奨します。強引な短納期はどこかに歪が生じます。 どこで? 打ち合わせは必要になりますが、作成自身は担当者の場になります。 なお、ホームページを制作するにあたり、以下は必要になります。 テキストエディタ FTP接続ソフト 画像処理ソフト 上記ソフトがインストールされ、インターネットが接続できるパソコンでの作業になります。 テキストエディタ ホームページを構成するHTMLやCSSなどを記述するために使用します。ホームページ・ビルダーやDreamweaver などを利用されていることが多いです。 FTP接続ソフト 自分のパソコンで作成したホームページのファイルをサーバーへ移動させるために使用します。ホームページ・ビルダーや Dreamweaver に同封されています。個別では FFFTP が有名です。 画像処理ソフト ホームページ上に掲載する写真やバナーなどの作成で使用します。Photoshop が有名です。 また、表示および動作チェックのための端末(Mac、iPad、Android、iPhone など)の準備も考える必要があります。 どのように? 大まかには以下の流れになると思います。 サイトマップ作成…
-
掲示板のDB設計
掲示板を白紙状態から作成することになりそうなのでDBの基本設計を先に。 thread no index status 表示・非表示 subject タイトル ipadress スレを立てた人のIPアドレス useragent スレを立てた人のユーザーエージェント created スレが立った日時(タイムスタンプ) updated 更新日時(タイムスタンプ) responce id index status 表示・非表示 thread_no スレッドのNo body 本文 ipaddress 投稿者のIPアドレス useragent 投稿者のユーザーエージェント created 投稿日時(タイムスタンプ) updated 更新日時(タイムスタンプ) 投稿者が1名のシステムだから、IPアドレスとUserAgentは不要かな? あとは投稿者でもあり管理者でもあるユーザー1名の ID とパスワードを格納したテーブル1つ。