パソコンで Google で検索していると画面下部に自分の現在いる住所がかなり特定された状態で表示されることがあり、GPS が無い環境下で Google はどのように所在地を特定しているのかと、それによる影響について解説する。
このページの目次GPS の無いパソコンで住所が出る様子Google が GPS が無くても所在地…
トラックバック：0
コメント：0
テーマ：Web技術
CSS で div タグ内に記載した内容やリストタグの内容を横並びにするために float を利用することがあるが、float を指定したパーツを a タグによるリンクを行ってもマウスが反応する範囲が小さい場合の原因と解決方法について紹介する。
このページの目次CSS の float とはfloat でリンクが小さくなる原…
トラックバック：0
コメント：0
CSS で div タグ内に記載した内容やリストタグの内容を横並びにするために float を利用することがあるが、float を指定した以降のパーツも一緒に横並びになってしまう場合の原因と解決方法について紹介する。
このページの目次CSS の float とはfloat で全て横並びになる原因指定した箇所のみ float…
トラックバック：0
コメント：0
ウェブサイトやブログで div タグの中に配置した文章の上下に余白が出てしまい見栄えが悪い事象が発生したときに、CSS（スタイルシート）を利用して上下の余白を除去する方法を紹介する。
このページの目次上下に余白がある状態上下の余白を CSS で除去する方法
１．上下に余白がある状態
上下に余白がある状態とは、下図の…
トラックバック：0
コメント：0
レンタルサーバはサーバを自由に操作できない代わりに管理画面で操作を行えることが多いが、Xrea は管理画面の他にコマンド操作できる SSH 接続も用意されていて慣れると便利なので SSH の接続方法について紹介する。
このページの目次SSH とはXrea で SSH 接続する方法Xrea の管理画面にアクセスするSSH 接…
トラックバック：0
コメント：0
[最新更新] 2021年06月16日
[初回公開] 2013年01月28日
メールサーバの Postfix を利用する中でログに「Illegal address syntax from unknown」と出てメールの送信ができない原因と対応について紹介する。
このページの目次Illegal address synt…
トラックバック：0
コメント：0
[最新更新] 2021年03月23日
[初回公開] 2013年05月10日
書籍が電子化されてパソコンやスマートフォンで読むことができる時代になり、書籍を出版する側としても電子化されることで印刷と製本といったコストが大幅に削減できるメリットがある反面、電子書籍の仕組みを知っておく必要があり、電子書籍の形式の中でも EPUB と …
トラックバック：0
コメント：0
コロナ禍で会社では自宅勤務のためリモートでの業務や打ち合わせやセミナー、商談に至るまでテレビ会議が多用し始められ、大学など学校でもリモート抗議に切り替わっている中、急にリモートでの参加を求められて利用方法がわからない人のために Zoom の基本操作について紹介する。
このページの目次Zoom とはZoom アカウントを取得…
トラックバック：0
コメント：0
[最新更新] 2020年12月11日
[初回公開] 2007年09月07日
最近では JavaScript を利用して画像の拡大やテキストのポップアップを行うのは jQuery を利用するのが一般的で手軽だが、jQuery を利用せずに Web サイトに実装する手法もあり、無償で配布されている HighslideJS を利用して…
トラックバック：0
コメント：0
[最新更新] 2020年11月03日
[初回公開] 2010年11月19日
YouTube をブラウザやスマホアプリで再生する場合は使っている端末や通信環境から自動的に最適な画質で再生されるが、任意で高画質に変更することができるとともに旧バージョンでは利用できた fmt パラメータとダウンロードについて紹介する。
…
トラックバック：0
コメント：0
ウェブサイトで店舗やアクセスといった位置を示す情報は Google Map など地図サービスを利用して情報公開することがあるが、Yahoo!地図はサービスが終了し、Google Map も利用規約が変わりクレジットカードが必須になったことで利用しづらくなったのをうけ従来の Google Map のような使い勝手で無償で利用できる Map…
トラックバック：0
コメント：0
[最新更新] 2020.09.13
[初回公開] 2007.02.08
以前は Google アカウントがあれば無料で誰でも利用できていた Google Map API だが、2018 年に Google Maps Platform にサービス移行してから Google アカウントにクレジットカードの紐づけが必要となり API …
トラックバック：0
コメント：0
[最新更新] 2020年06月25日
[初回公開] 2011年04月08日
PHP にはセッション（session_start）と呼ばれる機能があり情報を他のコンテンツ（ページ）にも引き継ぐことができ、例えばログイン機能がある Web アプリケーションであればログイン済みであることをコンテンツ間で共有することが可能なのだが、正常…
トラックバック：0
コメント：0
スマートフォンやタブレットで利用するアプリの通信は暗号化されていない HTTP ではなく暗号化されている HTTPS が必須化されつつ中、ブラウザで閲覧するウェブサイトにおいても個人情報が無くても常時 HTTPS での通信が常識化してきており、従来 HTTP で公開してきたサイトを htaccess を利用して HTTPS に強制的にリ…
トラックバック：0
コメント：0
[最新更新] 2020年06月19日
[初回公開] 2010年03月08日
"phpPgAdmin"はブラウザ上でデータベース（postgreSQL）のデータ参照だけでなくテーブルの作成や構成変更ができるのでシステム開発者に精通していないデザイナーやウェブサイト製作者にとっても大変便利で簡単なツールだが、一部のテーブルにおいて登…
トラックバック：0
コメント：0
[最新更新] 2020年06月16日
[初回公開] 2013年11月08日
メールには件名や本文の他にも Return-Path や Reply-To といったメールヘッダと呼ばれるメールのプロパティ情報を持っており、例えばメーリングリストアプリの"FML"などではメールヘッダをカスタマイズすることが可能なのだが、そのメールヘッ…
トラックバック：0
コメント：0
ブラウザと Web サイトの間の通信を暗号化するために https と呼ばれる方式を利用され、その通信が問題無いことを示すために利用される SSL 証明書は民間の SSL 証明書ではなく大学など学術機関向けに利用できるサービス「UPKI電子証明書」がある。
このページの目次UPKI電子証明書とはUPKI電子証明書の発行方法…
トラックバック：0
コメント：0
しばらく動作確認していなかったり、新しいサーバにこれまで使っていた CGI（Perl）を動作させるとブラウザに「500 Internal Server Error」が表示されて正常動作しないことがある。
このページの目次エラーログを確認するエラーの原因対応策対応策の内容
１．エラーログを確認する
Perl や PH…
トラックバック：0
コメント：0
ブラウザでウェブサイトを見ていると「セキュリティで保護されているコンテンツのみ表示されます。」と表示されることがある。
その表示の横にあるボタン「すべてのコンテンツを表示」をクリックすると全て表示されるようになるので見る側としてはクリックするかしないか個々の判断に委ねられるが、ウェブサイトを運営している側からするとこのような警告が出る…
トラックバック：0
コメント：0
サイトのデザイン定義をスタイルシートで行った際にパソコンでは正常に表示される背景色がスマートフォンやタブレットで表示すると途中で途切れることがある。
このページの目次背景色が途切れる原因背景色を途切れさせない方法
１．背景色が途切れる原因
背景色をbody部に設定したりdivタグなどでwidthを100%にしている…
トラックバック：0
コメント：0
パソコンを入れ替えるなどでメーラーの再インストール、またはメーラーを変更した後にサーバの設定は行ったのにメール送信しようとすると「553 sorry that domain isn't in my list of allowed」と表示されてメール送信できないことがある。
このページの目次553エラーの内容エラーの対応内容…
トラックバック：0
コメント：0
docomo や softbank など携帯ショップでスマートフォンを購入すると携帯キャリアのメールアドレスに加えて、スマートフォン OS に対応したアカウントを作成することで gmail や icloud といったメールアドレスも入手することができる。
最近ではフリーメールアドレスを個人連絡用やビジネスで利用するシーンも見受けら…
トラックバック：0
コメント：0
2019年07月02日に"ウェブリブログ"が大幅リニューアルされ、HTML が新しい構成になったのを受けて CSS の編集方法も変わったので紹介する。
今回は記事のページ下部にある前後の記事に遷移する「次へ」「前へ」のリンクを画面上部に配置する CSS を紹介する。
尚、下図の画面キャプチャは「ウェブリブログ事務局」のデザイ…
トラックバック：0
コメント：0
ウェブサイトへのアクセスはパソコンよりもスマートフォンで見られる方が増えてきている昨今、従来の HTML と CSS でのデザインではスマホやタブレットで見づらいことがあり、その診断は"Google モバイルフレンドリーテスト"で確認することができる。
１．Google モバイルフレンドリーテスト とは
"Google モバイル…
トラックバック：0
コメント：0
2019年07月02日に"ウェブリブログ"が大幅リニューアルされ、旧ブログで利用していたテンプレートの一部廃止に伴い HTML の構造が変わり、並びに適用していた CSS がリセットされたのを受け、再度 HTML を解析しながら CSS の組み換えが必要になった。
今回は中央配置になっているブログタイトルを左上寄せにするなど位置を…
トラックバック：0
コメント：0
１．記事の更新履歴
2019年07月28日：初回公開
2019年08月01日：不具合状況を更新
2019年08月11日：不具合状況を更新
2019年08月20日：不具合状況を更新
2019年09月01日：不具合状況を更新
２．リニューアル前後の状況
2019年07月02日にウェブリブログが大規模リニューアルを実施さ…
トラックバック：0
コメント：0
１．電子メールが活用されているワケ
スマートフォンの普及で手軽に連絡できる電子メールは SNS などコミュニケーションアプリの登場により日常生活での利用度は落ちては来ているが、ビジネスの世界ではまだまだ必需品である。
システムを保守する会社ではサーバやサービスダウンを即座に検知するために担当者にメール通知する仕組みを導入したり、…
トラックバック：0
コメント：0
久しぶりに Twitter のアイコンを変更しようとしたのだが、画像をアップロードしても真っ白の状態になり最新画像に反映されなかった。
１．症状
パソコンから Twitter にログインしてアイコン変更を行うとアイコンが真っ白のままとなる。
その状態でツイートするとアイコンが無い状態でタイムラインに表示される。
時間…
トラックバック：0
コメント：0
前回は地図を移動させると地図の中心座標を取得するところまで実装し、そのソースの続きで次の段階へ進む。
今回はクリックした箇所を保存するために配列を用意する。
さらに複数クリックした箇所の座標を使ってポリゴンで塗りつぶす。
->Google Maps v3の利用 -(4)地図を移動させて地図の中心座標を取得する-
前…
トラックバック：0
コメント：0
異なるサーバ間やメール本文からサイトへ遷移する際にメールアドレスなど個人を判別するためのパラメータをやり取りするのにそのまま文字列を記載するのではなく、暗号化するとともに受け取った方はその暗号化文を複合化して元に戻す。
JAVAには暗号・復号をするためにCipherが用意されており、これとbase64を利用して実装する。
１…
トラックバック：0
コメント：0