テーマ:Web技術

GPS の無いパソコンでも Google はあなたの自宅や会社が割り出せる理由

パソコンで Google で検索していると画面下部に自分の現在いる住所がかなり特定された状態で表示されることがあり、GPS が無い環境下で Google はどのように所在地を特定しているのかと、それによる影響について解説する。 このページの目次GPS の無いパソコンで住所が出る様子Google が GPS が無くても所在地…
トラックバック:0
コメント:0

続きを読むread more

CSS で float したパーツのリンクが小さい事象を解決する方法

CSS で div タグ内に記載した内容やリストタグの内容を横並びにするために float を利用することがあるが、float を指定したパーツを a タグによるリンクを行ってもマウスが反応する範囲が小さい場合の原因と解決方法について紹介する。 このページの目次CSS の float とはfloat でリンクが小さくなる原…
トラックバック:0
コメント:0

続きを読むread more

CSS で float した後ろのパーツも横並びになるのを解決する方法

CSS で div タグ内に記載した内容やリストタグの内容を横並びにするために float を利用することがあるが、float を指定した以降のパーツも一緒に横並びになってしまう場合の原因と解決方法について紹介する。 このページの目次CSS の float とはfloat で全て横並びになる原因指定した箇所のみ float…
トラックバック:0
コメント:0

続きを読むread more

CSS で div タグ内の上下にできる余分な空白を除去する方法

ウェブサイトやブログで div タグの中に配置した文章の上下に余白が出てしまい見栄えが悪い事象が発生したときに、CSS(スタイルシート)を利用して上下の余白を除去する方法を紹介する。 このページの目次上下に余白がある状態上下の余白を CSS で除去する方法 1.上下に余白がある状態 上下に余白がある状態とは、下図の…
トラックバック:0
コメント:0

続きを読むread more

レンタルサーバ Xrea で SSH によるコマンドでサーバを操作する方法

レンタルサーバはサーバを自由に操作できない代わりに管理画面で操作を行えることが多いが、Xrea は管理画面の他にコマンド操作できる SSH 接続も用意されていて慣れると便利なので SSH の接続方法について紹介する。 このページの目次SSH とはXrea で SSH 接続する方法Xrea の管理画面にアクセスするSSH 接…
トラックバック:0
コメント:0

続きを読むread more

電子書籍を配布するために EPUB へ変換する方法

[最新更新] 2021年03月23日 [初回公開] 2013年05月10日 書籍が電子化されてパソコンやスマートフォンで読むことができる時代になり、書籍を出版する側としても電子化されることで印刷と製本といったコストが大幅に削減できるメリットがある反面、電子書籍の仕組みを知っておく必要があり、電子書籍の形式の中でも EPUB と …
トラックバック:0
コメント:0

続きを読むread more

始めてのリモート会議に困らない Zoom の基本操作を紹介

コロナ禍で会社では自宅勤務のためリモートでの業務や打ち合わせやセミナー、商談に至るまでテレビ会議が多用し始められ、大学など学校でもリモート抗議に切り替わっている中、急にリモートでの参加を求められて利用方法がわからない人のために Zoom の基本操作について紹介する。 このページの目次Zoom とはZoom アカウントを取得…
トラックバック:0
コメント:0

続きを読むread more

jQuery 不要の HighslideJS で画像の拡大縮小やテキストポップアップする

[最新更新] 2020年12月11日 [初回公開] 2007年09月07日 最近では JavaScript を利用して画像の拡大やテキストのポップアップを行うのは jQuery を利用するのが一般的で手軽だが、jQuery を利用せずに Web サイトに実装する手法もあり、無償で配布されている HighslideJS を利用して…
トラックバック:0
コメント:0

続きを読むread more

YouTube の動画を高画質で再生する方法と廃止された fmt パラメータとは

[最新更新] 2020年11月03日 [初回公開] 2010年11月19日 YouTube をブラウザやスマホアプリで再生する場合は使っている端末や通信環境から自動的に最適な画質で再生されるが、任意で高画質に変更することができるとともに旧バージョンでは利用できた fmt パラメータとダウンロードについて紹介する。 …
トラックバック:0
コメント:0

続きを読むread more

無償の Mapbox は GoogleMap と Yahoo!地図に代わる地図サービスになるだろう

ウェブサイトで店舗やアクセスといった位置を示す情報は Google Map など地図サービスを利用して情報公開することがあるが、Yahoo!地図はサービスが終了し、Google Map も利用規約が変わりクレジットカードが必須になったことで利用しづらくなったのをうけ従来の Google Map のような使い勝手で無償で利用できる Map…
トラックバック:0
コメント:0

続きを読むread more

PHP で session_start() のエラーが出たときの対応方法

[最新更新] 2020年06月25日 [初回公開] 2011年04月08日 PHP にはセッション(session_start)と呼ばれる機能があり情報を他のコンテンツ(ページ)にも引き継ぐことができ、例えばログイン機能がある Web アプリケーションであればログイン済みであることをコンテンツ間で共有することが可能なのだが、正常…
トラックバック:0
コメント:0

続きを読むread more

htaccess で HTTP の通信を強制的に HTTPS にリダイレクトさせる

スマートフォンやタブレットで利用するアプリの通信は暗号化されていない HTTP ではなく暗号化されている HTTPS が必須化されつつ中、ブラウザで閲覧するウェブサイトにおいても個人情報が無くても常時 HTTPS での通信が常識化してきており、従来 HTTP で公開してきたサイトを htaccess を利用して HTTPS に強制的にリ…
トラックバック:0
コメント:0

続きを読むread more

phpPgAdmin でレコードの編集・削除できない場合の対応方法

[最新更新] 2020年06月19日 [初回公開] 2010年03月08日 "phpPgAdmin"はブラウザ上でデータベース(postgreSQL)のデータ参照だけでなくテーブルの作成や構成変更ができるのでシステム開発者に精通していないデザイナーやウェブサイト製作者にとっても大変便利で簡単なツールだが、一部のテーブルにおいて登…
トラックバック:0
コメント:0

続きを読むread more

メールヘッダの Return-Path と Reply-To の違いは

[最新更新] 2020年06月16日 [初回公開] 2013年11月08日 メールには件名や本文の他にも Return-Path や Reply-To といったメールヘッダと呼ばれるメールのプロパティ情報を持っており、例えばメーリングリストアプリの"FML"などではメールヘッダをカスタマイズすることが可能なのだが、そのメールヘッ…
トラックバック:0
コメント:0

続きを読むread more

大学等向けのSSL証明書「UPKI証明書」で通信の暗号化と設定方法について

ブラウザと Web サイトの間の通信を暗号化するために https と呼ばれる方式を利用され、その通信が問題無いことを示すために利用される SSL 証明書は民間の SSL 証明書ではなく大学など学術機関向けに利用できるサービス「UPKI電子証明書」がある。 このページの目次UPKI電子証明書とはUPKI電子証明書の発行方法…
トラックバック:0
コメント:0

続きを読むread more

jcode.pl で「defined(%hash) is deprecated」のエラーが出る場合の対応

しばらく動作確認していなかったり、新しいサーバにこれまで使っていた CGI(Perl)を動作させるとブラウザに「500 Internal Server Error」が表示されて正常動作しないことがある。 このページの目次エラーログを確認するエラーの原因対応策対応策の内容 1.エラーログを確認する Perl や PH…
トラックバック:0
コメント:0

続きを読むread more

「セキュリティで保護されているコンテンツのみ表示されます」が出る場合の対応

ブラウザでウェブサイトを見ていると「セキュリティで保護されているコンテンツのみ表示されます。」と表示されることがある。 その表示の横にあるボタン「すべてのコンテンツを表示」をクリックすると全て表示されるようになるので見る側としてはクリックするかしないか個々の判断に委ねられるが、ウェブサイトを運営している側からするとこのような警告が出る…
トラックバック:0
コメント:0

続きを読むread more

スマホやタブレットでスタイルシートの背景色が途中で途切れる場合の対応

サイトのデザイン定義をスタイルシートで行った際にパソコンでは正常に表示される背景色がスマートフォンやタブレットで表示すると途中で途切れることがある。 このページの目次背景色が途切れる原因背景色を途切れさせない方法 1.背景色が途切れる原因 背景色をbody部に設定したりdivタグなどでwidthを100%にしている…
トラックバック:0
コメント:0

続きを読むread more

メール送信時にエラーが表示されて送信できない場合の対応

パソコンを入れ替えるなどでメーラーの再インストール、またはメーラーを変更した後にサーバの設定は行ったのにメール送信しようとすると「553 sorry that domain isn't in my list of allowed」と表示されてメール送信できないことがある。 このページの目次553エラーの内容エラーの対応内容…
トラックバック:0
コメント:0

続きを読むread more

gmail.com や icloud.com へのメール送信エラー時の SMTP の応答コード

docomo や softbank など携帯ショップでスマートフォンを購入すると携帯キャリアのメールアドレスに加えて、スマートフォン OS に対応したアカウントを作成することで gmail や icloud といったメールアドレスも入手することができる。 最近ではフリーメールアドレスを個人連絡用やビジネスで利用するシーンも見受けら…
トラックバック:0
コメント:0

続きを読むread more

[ウェブリブログ] 記事を移動する次へ、前へのボタンを上部に配置する

2019年07月02日に"ウェブリブログ"が大幅リニューアルされ、HTML が新しい構成になったのを受けて CSS の編集方法も変わったので紹介する。 今回は記事のページ下部にある前後の記事に遷移する「次へ」「前へ」のリンクを画面上部に配置する CSS を紹介する。 尚、下図の画面キャプチャは「ウェブリブログ事務局」のデザイ…
トラックバック:0
コメント:0

続きを読むread more

モバイルフレンドリーで「コンテンツの幅が画面の幅を超えています」と表示される場合の対応

ウェブサイトへのアクセスはパソコンよりもスマートフォンで見られる方が増えてきている昨今、従来の HTML と CSS でのデザインではスマホやタブレットで見づらいことがあり、その診断は"Google モバイルフレンドリーテスト"で確認することができる。 1.Google モバイルフレンドリーテスト とは "Google モバイル…
トラックバック:0
コメント:0

続きを読むread more

[ウェブリブログ] ブログタイトルを中央から別の位置に配置する

2019年07月02日に"ウェブリブログ"が大幅リニューアルされ、旧ブログで利用していたテンプレートの一部廃止に伴い HTML の構造が変わり、並びに適用していた CSS がリセットされたのを受け、再度 HTML を解析しながら CSS の組み換えが必要になった。 今回は中央配置になっているブログタイトルを左上寄せにするなど位置を…
トラックバック:0
コメント:0

続きを読むread more

ウェブリブログの大規模リニューアルによる障害と混乱

1.記事の更新履歴 2019年07月28日:初回公開 2019年08月01日:不具合状況を更新 2019年08月11日:不具合状況を更新 2019年08月20日:不具合状況を更新 2019年09月01日:不具合状況を更新 2.リニューアル前後の状況 2019年07月02日にウェブリブログが大規模リニューアルを実施さ…
トラックバック:0
コメント:0

続きを読むread more

携帯電話へメール送信したが届かなかったのは宛先不明?受信拒否?

1.電子メールが活用されているワケ スマートフォンの普及で手軽に連絡できる電子メールは SNS などコミュニケーションアプリの登場により日常生活での利用度は落ちては来ているが、ビジネスの世界ではまだまだ必需品である。 システムを保守する会社ではサーバやサービスダウンを即座に検知するために担当者にメール通知する仕組みを導入したり、…
トラックバック:0
コメント:0

続きを読むread more

Twitter のアイコン画像編集で真っ白になるときの対応

久しぶりに Twitter のアイコンを変更しようとしたのだが、画像をアップロードしても真っ白の状態になり最新画像に反映されなかった。 1.症状 パソコンから Twitter にログインしてアイコン変更を行うとアイコンが真っ白のままとなる。 その状態でツイートするとアイコンが無い状態でタイムラインに表示される。 時間…
トラックバック:0
コメント:0

続きを読むread more

Google Maps v3の利用 -(5)複数クリック箇所を配列にしポリゴン表示する-

前回は地図を移動させると地図の中心座標を取得するところまで実装し、そのソースの続きで次の段階へ進む。 今回はクリックした箇所を保存するために配列を用意する。 さらに複数クリックした箇所の座標を使ってポリゴンで塗りつぶす。 ->Google Maps v3の利用 -(4)地図を移動させて地図の中心座標を取得する- 前…
トラックバック:0
コメント:0

続きを読むread more

JAVAで文字列を暗号化と復号化する

異なるサーバ間やメール本文からサイトへ遷移する際にメールアドレスなど個人を判別するためのパラメータをやり取りするのにそのまま文字列を記載するのではなく、暗号化するとともに受け取った方はその暗号化文を複合化して元に戻す。 JAVAには暗号・復号をするためにCipherが用意されており、これとbase64を利用して実装する。 1…
トラックバック:0
コメント:0

続きを読むread more