コロナ禍で会社では自宅勤務のためリモートでの業務や打ち合わせやセミナー、商談に至るまでテレビ会議が多用し始められ、大学など学校でもリモート抗議に切り替わっている中、急にリモートでの参加を求められて利用方法がわからない人のために Zoom の基本操作について紹介する。
このページの目次Zoom とはZoom アカウントを取得…
トラックバック：0
コメント：0
テーマ：Web技術
[最新更新] 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
サイトデザインでスクロールしても常に画像を最下部に表示し、さらに遠近感を出すために画像の影をコンテンツ内に落とす手法を実装することにした。
用意するものは背景が透過された画像と、CSSだけでよい。
下図は実装した時の例となる。
考え方としてはコンテンツ部と画像部を分け、画像部の重ね順を最前面に配置する。
ま…
トラックバック：0
コメント：0
メーリングリストを提供する案件があり、オープンソースの"FML"を採用したのでそのインストール手順を記述する。
"FML"はPerlベースのメーリングリストで、受口となるメールアカウントにメールを送信すると、その受口に所属するメンバーにメールが送信される仕組みだ。
メールの送受信には別途メールサーバが必要となり、今回はOSが"C…
トラックバック：0
コメント：0
今はブログ左側に私がツイートした一覧が表示されるようになっているが、一時期表示されなくなったのでコードを差し替えて復帰させた。
"Twitter"でつぶやいた内容を外部のサイトで表示するためには"ウィジェット"と呼ばれる機能を利用する。
この機能が6月1日から仕様変更になったようで、復帰させるにはHTMLに埋め込むコードを再取得…
トラックバック：0
コメント：0
PHPで「date(): It is not safe to rely on the system's timezone settings.」とエラーが表示されたのでその対応を行った。
「timezone settings」とあるので日付回りの設定であることがわかる。
解決策としては次となる。
"php.ini"ファイ…
トラックバック：0
コメント：0
前回、電子書籍等で用いられる"EPUB"ファイルについて紹介したが、今回は実際にそれを閲覧してみる。
パソコン上ですぐに見る方法として対応ブラウザで開く方法がある。
"Google Chrome"は対応しているようだが、"Firefox"にアドオンをインストールして見る方法を試してみる。
アドオンで有名なビューアーは"…
トラックバック：0
コメント：0
IT系のニュースサイトを一通り見て情報収集するのが日課となっているが、最近のニュースサイトの中にはHTMLで公開するのではなく"EPUB"という形式のファイルで公開するところが増えてきている。
"EPUB"とは「Electronic Publication」の略で、電子書籍ファイルのフォーマットで用いられるらしい。
ファイル…
トラックバック：0
コメント：0
メーリングリストというと、特定のメールアドレスに対してメールを送るとそれに紐付けされている配信先アドレスに一斉送信する仕組みのことである。
今回、ある案件でメーリングリストをインストールして利用できる状態にしなければならなくなったが、今までそのような実績がなかったので調査しながら進めることになった。
メーリングリストといって…
トラックバック：0
コメント：0