2019/04/07

From Google+ 【覚書】動的に生成するページに、自作コードでSNSのShareボタンを設置する場合の注意点。福間健二-2018-02-26 17:59:23+0900- Updated: 2018-02-26 18:18:36+0900

福間健二福間健二-2018-02-26 17:59:23+0900- Updated: 2018-02-26 18:18:36+0900
【覚書】
動的に生成するページに、自作コードでSNSのShareボタンを設置する場合の注意点。

SNSによっては、Shareボタンをタップしたときに、URLのほか、テキストも送信することができるようになっていても、Share内容として表示されるタイトルは送信されたテキストではなく、そのURLのページ・ヘッダー内の<title>タグ内の情報になります。

この場合、https://wikyou.org のような、コンテンツ及びヘッダーとも動的に生成するサイトでは、ブラウザー側でJavaScriptにより動的に生成した<title>タグ内の情報は、Share内容として反映されません。(※ユーザーがブラウザーのブックマークに保存するときに、ページタイトルがブックマークに反映されるようにするためだけであれば、JavaScriptで<title>タグ内の情報を生成すればそれでOKなのですが・・・)

Share内容として反映されるようにするためには、php等によりサーバー側でヘッダー内の<title>タグ内の情報を生成する必要があります。

なお、https://wikyou.org にSNSのShareボタンを設置するにあたり、参考になったページは次のとおりです。有難うございました。
■タップでコピー;
「JavaScriptでクリップボードにコピー」
http://yuw27b.hatenablog.com/entry/2017/02/19/230000
■コピーボタンのデザイン
「button要素のデザインを変更する方法(HTML、CSS)」
http://monopocket.jp/blog/css/1587/

Music Cloud

共有中: 一般公開

From Gppgle+ 20181114 - MA2018応募作品「プライベート」;https_tinyurl.com_.html

福間健二福間健二-2018-11-14 19:50:25+0900- Updated: 2018-12-28 14:31:24+0900
MA2018応募作品「プライベート」;https://tinyurl.com/ybumc3qj 
This is a participation work in the programming contest held in 2018 in Japan. Set up the call sign on the three drones, and simultaneously operate them individually with voice.
コールサイン(呼出符号)と音声コマンド(VUI)でドローン3機を同時に個別操縦できるようにした作品です。

プライベート | ProtoPedia

共有中: 一般公開

From Google+ 20181006 - 覚書_Xサーバー(xserver)でphpのバージョンを7.x系へ変更したとき.html

福間健二福間健二-2018-10-06 16:33:21+0900- Updated: 2018-10-06 16:35:46+0900
覚書
Xサーバー(xserver)でphpのバージョンを7.x系へ変更したときのcronコマンド設定に関する注意点。

Xサーバーは、phpの最新バージョンphp7.2が導入されているが、
php5.xからphp7.2へバージョンアップしたサイトでcronを動かしている場合、cronのコマンド設定が自動でphp7.xのコマンドへ切り替わらないことがあるらしい。

具体的には、
php5.1.6のときのcronコマンド設定が
/usr/bin/php5 /home/[サーバー名]/[ドメイン名]/public_html/[phpファイル名]である場合において、
php5.1.6からphp7.2.6へphpのバージョンを変更したら、
上記コマンド中「/usr/bin/php5」の部分は自動では変更されず、
cronは動かなくなった。

この場合、cronを再稼動させるためには、
上記コマンド中「/usr/bin/php5」の部分を書き換えて、
cronのコマンド設定を
/usr/bin/php-fcgi7.2 /home/[サーバー名]/[ドメイン名]/public_html/[phpファイル名]
又は
/usr/bin/php7.2-cgi /home/[サーバー名]/[ドメイン名]/public_html/[phpファイル名]
に変更する必要がある。

(なお、/usr/bin/php7.2 /home/[サーバー名]/[ドメイン名]/public_html/[phpファイル名]
への変更ではcronは動かなかった。)




共有中: 一般公開

From Google+ 20180713 - 来たる7月24日リリース予定のクローム・ブラウザ最新版「Chrome68」より.html

福間健二福間健二-2018-07-13 16:05:54+0900- Updated: 2018-07-13 16:11:43+0900
来たる7月24日リリース予定のクローム・ブラウザ最新版「Chrome68」より、常時SSL化されていないwebサイトは、アドレスバーに「保護されていません」という警告が表示されるようになるとのことです。
(「Chrome68 SSL」で検索すると、関連記事がヒットします。)

もっとも、今や多くのレンタルサーバーは、追加料金なしで、管理画面から簡単に常時SSL化することができるようになっているようなので、大きな混乱はないと予想されます。

ただ、APIを使用してレスポンスの画像を<img src=>のhtmlタグで表示させているサイトは、その画像urlが常時SSL化されていないと、警告表示の対象になる可能性があるので注意が必要です。
共有中: 一般公開

From Google+ 20180709 - 覚書_Flickr APIによる画像検索。_レスポンスにCORS(Cross-.html

福間健二福間健二-2018-07-09 21:49:09+0900- Updated: 2018-07-09 21:49:09+0900
覚書
Flickr APIによる画像検索。
レスポンスにCORS(Cross-Origin Resource Sharing)がかかっているらしく、jQueryのajax()関数でリクエストを送る際、dataType はjsonではなくjsonpにして、callbackのパラメータとして「 jsoncallback」を記載しておかないとエラーになる。
共有中: 一般公開

From Google+ 20180514 - 自撮画像 於:馬車道 20180514.html

福間健二福間健二-2018-05-14 10:52:58+0900- Updated: 2018-05-14 10:52:58+0900
馬車道 20180514

共有中: 一般公開

From Google+ 20180421 - 覚書_Twitterは、_APIによる自動フォロー返しを続けていると、通常は.html

福間健二福間健二-2018-04-21 15:47:41+0900- Updated: 2018-04-21 15:47:41+0900
覚書

Twitterは、
APIによる自動フォロー返しを続けていると、通常は、フォローワー数とフォロー数との大小比較は、「フォローワー数 < フォロー数」になる。

そして、そのままフォロー数が5,000を超えると、Twitterの規約により、それ以上フォロー返しできなくなる。このことは、手動でも、APIによる自動フォロー返しでも同じ。

そこで、そうなった場合にさらにフォロー返しするには、「こちらがフォローしているが、相手はフォローしていない」という「アンフォローワー」をアンフォローするほかない。

そのためのツールとして、Chromeの拡張機能「Twitter Unfollow Unfollowers 」 https://tinyurl.com/y7j29tq7 が優れている。

ただし、一度に大量のアンフォローを繰り返すと、Twitterの規約により、アカウントが凍結されるので注意が必要。

https://fukuma.info/forMA8/ 掲載のアカウント中、いくつかのアカウントはフォロー数が5,000を超えたので、上記Chrome拡張機能「Twitter Unfollow Unfollowers 」により、アンフォローワーのアンフォローを行った。

MA8出品作品「Music Cloud」について 【横浜ベイサイドオフィス 運営ツイッター一覧】2013年9月1日リニューアル(Update for Twitter API version 1.1 Sep. ; 1st, 2013)

共有中: 一般公開

From Google+ 20180401 - 【覚書】_https_wikyou.org にPastHItsボタンを設置.html

福間健二福間健二-2018-04-01 18:05:45+0900- Updated: 2018-04-01 18:05:45+0900
【覚書】
https://wikyou.org にPastHItsボタンを設置。

流れは、
生データをwikipediaから取得し、サーバー側でphpによりSQLiteのDBを作成、クライアント側からリクエストがあると、サーバーはDB内のデータをJSONで出力、クライアント側は受け取ったJSONをjQueryで処理して表示する
というものです。

上記の流れをコーディングするにあたり、下記ページがとても参考になりました。有難うございました。

①「SQLite3でテーブルを作成:CREATE TABLE」
 https://gray-code.com/php/create-table-by-using-sqlite3/

②「SQLite3を使ってをデータベースへ接続」
 https://gray-code.com/php/connection-db-by-using-sqlite3/

③「PHP で SQLite3 からデータを取得して JSON を出力する」
 http://kainobi2.blogspot.jp/2014/08/php-sqlite3-json.html

④「【PHP】MySQLに保存しているデータをJSONで吐き出す」
 https://qiita.com/fantm21/items/891192da1a095e94c9e1

Music Cloud

共有中: 一般公開

From Google+ 運営サイトのほぼすべてを常時SSL化( https:// 通信による暗号化)。福間健二-2018-01-20 23:46:40+0900- Updated: 2018-01-22 18:50:39+0900

福間健二福間健二-2018-01-20 23:46:40+0900- Updated: 2018-01-22 18:50:39+0900
運営サイトのほぼすべてを常時SSL化( https:// 通信による暗号化)。
アプリ「Music Identifier (No ads & free)」も、http://wikyou.org/
へのリンクをSSLに変更、ver.8.6.7としてリリース。 http:// によるアクセスは、.htaccessの設定により、 https:// へリダイレクト。
ただし、構築時にCMS使った2サイトだけは、レイアウトが崩れるためリダイレクトさせず。
 
また、 URLに引数を含ませている(?key=examle&name=word等)場合に、http:// から https:// へリダイレクトさせると、その引数をPHP等によりサーバー側で受け取っても、javascript等によりブラウザー側で受け取っても、うまく受け取れないケースが発生することが確認されたため、この場合もリダイレクトさせず。
 
なお、常時SSL化されたサイトは、PCからのアクセスではブラウザーのアドレスバーに「保護された通信」(Chromeの場合)の文字列や、「鍵マーク」(IEの場合)が表示され、スマホからのアクセスではアドレスバーにグリーン文字で「https://」(Chromeの場合)が表示される。それにより、常時SSL化されていることが一目瞭然となる。

ただ、apiを使用したサイトは、apiからのレスポンスに https:// 以外の通信が一つでも混在していると、これら常時SSLであることを示す文字やマークが表示されない。
https://wikyou.org は、一部のapiが返す画像URLがhttp:// であるため、残念ながら常時SSLであることを示す文字やマークは表示されない。

もちろん、上記http:// からの画像URLを使用しなければ、常時SSLであることを示す文字やマークが表示される。
上記http:// の画像URLを使用しない場合のテスト用サイトはこちら。
https://tinyurl.com/ybenhnfw
このサイトでは、常時SSLであることを示す文字やマークが表示される。
共有中: 一般公開

From Google+ Mashup Award 2017(MA2017)プレゼン大会(Mashup Battle 1stStage in 東京二部 #MA_2017)に参加(2017年11月19日)。福間健二-2017-11-23 16:11:54+0900- Updated: 2018-06-21 17:13:38+0900

福間健二福間健二-2017-11-23 16:11:54+0900- Updated: 2018-06-21 17:13:38+0900

Mashup Award 2017(MA2017)プレゼン大会(Mashup Battle 1stStage in 東京二部 #MA_2017)に参加(2017年11月19日)。
デモをしたときの映像をMA事務局の方が撮影してくれました。ありがとうございました。
プログラミング・コンテスト Mashup Battle 1stStage in 東京二部 2017年11月19日 MA事務局の方撮影 【作品「コーディネート」詳細】
■参加作品;https://tinyurl.com/ycatjghc
■デモ動画(by MA事務局)
https://twitter.com/mashupaward/status/932158550842867712/video/1
▼イベントのブログ(by MA事務局)
http://mashupaward.jp/2017/11/1st2017-tokyo2/
▼当日撮影した写真(by MA事務局)
https://www.flickr.com/photos/100125183@N08/albums/72157689770897515
▼当日のつぶやき(by MA事務局)
https://togetter.com/li/1173053

コーディネート | Hacklog By Mashup Awards

共有中: 一般公開