テーマ:Web技術

始めてのリモート会議に困らない 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

影付き画像をサイト最下部に固定配置する

サイトデザインでスクロールしても常に画像を最下部に表示し、さらに遠近感を出すために画像の影をコンテンツ内に落とす手法を実装することにした。 用意するものは背景が透過された画像と、CSSだけでよい。 下図は実装した時の例となる。 考え方としてはコンテンツ部と画像部を分け、画像部の重ね順を最前面に配置する。   ま…
トラックバック:0
コメント:0

続きを読むread more

FMLをインストールする -FML(2)-

メーリングリストを提供する案件があり、オープンソースの"FML"を採用したのでそのインストール手順を記述する。 "FML"はPerlベースのメーリングリストで、受口となるメールアカウントにメールを送信すると、その受口に所属するメンバーにメールが送信される仕組みだ。 メールの送受信には別途メールサーバが必要となり、今回はOSが"C…
トラックバック:0
コメント:0

続きを読むread more

外部のサイトに表示させたいたツイートが表示されなくなった

今はブログ左側に私がツイートした一覧が表示されるようになっているが、一時期表示されなくなったのでコードを差し替えて復帰させた。 "Twitter"でつぶやいた内容を外部のサイトで表示するためには"ウィジェット"と呼ばれる機能を利用する。 この機能が6月1日から仕様変更になったようで、復帰させるにはHTMLに埋め込むコードを再取得…
トラックバック:0
コメント:0

続きを読むread more

PHPの日付関連でエラーになる場合の対応

PHPで「date(): It is not safe to rely on the system's timezone settings.」とエラーが表示されたのでその対応を行った。 「timezone settings」とあるので日付回りの設定であることがわかる。 解決策としては次となる。 "php.ini"ファイ…
トラックバック:0
コメント:0

続きを読むread more

EPUBファイルを閲覧する -EPUBの扱い(2)-

前回、電子書籍等で用いられる"EPUB"ファイルについて紹介したが、今回は実際にそれを閲覧してみる。 パソコン上ですぐに見る方法として対応ブラウザで開く方法がある。 "Google Chrome"は対応しているようだが、"Firefox"にアドオンをインストールして見る方法を試してみる。 アドオンで有名なビューアーは"…
トラックバック:0
コメント:0

続きを読むread more

EPUBファイルとは -EPUBの扱い(1)-

IT系のニュースサイトを一通り見て情報収集するのが日課となっているが、最近のニュースサイトの中にはHTMLで公開するのではなく"EPUB"という形式のファイルで公開するところが増えてきている。 "EPUB"とは「Electronic Publication」の略で、電子書籍ファイルのフォーマットで用いられるらしい。 ファイル…
トラックバック:0
コメント:0

続きを読むread more

サーバにメーリングリストを設置する -FML(1)-

メーリングリストというと、特定のメールアドレスに対してメールを送るとそれに紐付けされている配信先アドレスに一斉送信する仕組みのことである。 今回、ある案件でメーリングリストをインストールして利用できる状態にしなければならなくなったが、今までそのような実績がなかったので調査しながら進めることになった。 メーリングリストといって…
トラックバック:0
コメント:0

続きを読むread more