StudioWebプログラミング情報を集めたブログです。23(土曜日)SKT-LabサーバーのPHPのバージョンを5.6から7.3.12にバージョンアップしました。5.6は既にサポート終了していたので早いうちにバージョンアップしたかったのですが、現在定期的に携わっている案件でSKT-Labサーバー上に開発環境を置いているものがあり、それの7へのバージョンアップの案件としての作業期間の関係でこの時期になりました。バージョンが上がったことで客先に見せる際にPHP7の案件のものを遠隔で見せることができるようになっています。今後もPHPのバージョンは順次上がっていく予定なので、それにキャッチアップできるかという問題は出てきます。サポート期間も以前より短くなっていますし、それにどう対応するかも課題になってきそうです。2.1.3に更新いたしました。これに伴い、デザインも一新。レスポンシブにしました。https://docs.s9y.org/downloads.htmlなんか以前と管理画面が大幅に変わっていますね。変わったのはデザイン中心で大筋は変わっていないので特に問題はないのかもしれません。最近は鉄道ブログの方も更新が少なくなってきていますが、今後ともよろしくお願いいたします。checkSKT-LabのTOPページにGoogle翻訳を組み込み。10(月曜日)SKT-LabのTOPページにGoogle翻訳を組み込んでみました。Google翻訳の組み込みページはこちらになります。https://translate.google.com/manager/website/具体的な組み込み方法はこちらに記載されています。http://wind-mill.co.jp/iwashiblog/2014/05/google-translate/今のところTOPページだけなんですけどね。将来的には各blog・コンテンツにも組み込めないかなと思っています。TOPページに組み込むとスマートフォン版でレイアウトがどうしても崩れてしまうようです。機能自体は便利なので、この辺りは落ち着いたあたりでまた挑戦したいかな。checkSKT-Labレンタルサーバーをhttps対応に。8(木曜日)skt-lab.comサーバーですが、こちらのページを参考に暗号化通信(https)に対応いたしました。http://centossrv.com/apache-certbot.shtml暗号化したページはこちらになります。一部ページが崩れているかもしれませんが、順次修正を進めています。HSTSは使っていませんので、従来通り暗号化しないhttpでもアクセスすることはできます。https://skt-lab.com/このサーバーは暗号化するようなものはあまりないのですが、将来的に暗号化が必要なページの開発や常時SSL化に対応しやすくするための処置としてインストールしました。Certbotを使っているので証明書も無料ですし。証明書の更新がスムーズにいくのかという問題はありますが。checkSKT-Labサーバーを自宅サーバーからさくらVPSに移行しました。自宅兼職場で自宅サーバーとして運用してきましたが、本日付でさくらVPSへの移行を行いました。http://vps.sakura.ad.jp/今までは自宅にサーバーを置いていましたが、自宅にいないときに障害が発生したときにどうするかの問題があり、またサーバーを維持する際の費用の問題もあり、今年に入ってレンタルサーバーへの移行を検討し始めました。今まで受けてきた案件で固定IP経由での接続を求められるものがあったことから、自宅のサーバーで取っている固定IPを使ってログインを行っていたこともあり、その関係でサーバー移行のタイミングが遅れていたのですが、そちらが固定IP不要になり久しいことから今回移行することになりました。今まで使っていた自宅サーバー。ところどころにホコリが見えますが、それを定期的に掃除するのもかなり大変でした。OSをGUIで扱えるなど自宅にサーバーを置くメリットはあるのですが、自宅サーバーや案件で扱うサーバーを通してサーバー運用のノウハウが段々たまってきたこともあり、レンタルサーバーへ移行しても問題はないと判断しました。その後、レンタルサーバー会社をいろいろ検討したのですが、さくらVPSが低コストでそこそこのものが扱えると判断し、さくらVPSへの移行がよいという判断になりました。その後ファイル等の移行もスムーズに行われ、今回無事に移行したことになります。OSこそCentOS6で変わらないのですが、PHPがCentOS標準の5.3から5.6に上がり、案件の開発・テストで使われるMySQLも5.7にした上でパスワードポリシーの設定をOFFに、sql_modeも設定で空にして従来のMySQLのテーブルをそのまま扱えるようにしています。http://thr3a.hatenablog.com/entry/20160229/1456727388http://qiita.com/kazu56/items/0663ff7dd8b86eb02df7今後、skt-lab.comドメインはさくらVPSで運用されることになります。安定していないところもあるかもしれませんが、今後ともよろしくお願いいたします。1(木曜日)WordPressの各ページで出力される投稿を選定するためのフィルターフックとして、pre_get_postsというのが広く使われています。http://qiita.com/_ruka_/items/e14280d34eddf49efad1http://emiac-works.com/coding/pre-get-posts-code-snipet/「特定のカテゴリに入っているもの」とか「特定の執筆者のもの」とかは出せますし、「特定のカテゴリかつ特定の執筆者」も出せますが、「特定の執筆者もしくは特定のカテゴリ」といったOR検索など細かい出力はできません。WordPressには「posts_where」という投稿出力時の細かいWHERE文を出せるフィルターフックがあります。WHERE文をこの中に入れます。);こんな感じでfunctions.phpに挿入するといいでしょう。実際このようなカスタマイズを最近求められて戸惑っていたのですが、こちらで何とか対応しました。いった方法を使えば投稿の表示をより自由自在にできるかと思います。Proに変更いたしました。Store銀座に入荷したとの情報を入手し、現地に向かい購入しました。Airより一回りサイズが小さいですし、今まで重かった動作も軽くなっていることが実感できています。Barを使う場合の使用が主になっていますね。キーボードの上にあるので目がいちいちキーボードのところに行ってしまうのが難点かも。Apple純正のアプリでの対応がほとんどですが、今後対応アプリも増えていくことでしょう。checkYouTube最新動画表示プログラムのHTMLソース出力に対応。11(日曜日)YouTube最新動画表示プログラムは今まで私だけで使っていたのですが、これを誰でも使え、誰のアカウントのものでも出せるようにHTMLソース出力プログラムを書いてみました。http://skt-lab.com/youtube全体・動画の幅や高さを調整することができるほか、表示件数も変えることができます。チャンネルIDを知っていれば誰の動画でも出力することができます。出力されたプログラムのHTMLソースも出力されますので、いろいろなページに貼ってみてください。APIキーを制限付きのものに取り換えるにあたり、なかなかうまくいかなかったのですが、先ほど制限付きのものに変更ができました。APIの場合はIPアドレスで制限にしたらうまくいきました。GoogleのAPIは他にもいろいろあるので、ドメイン名制限になるのかIPアドレス制限になるのかという問題がいろんなところで出てきそうですね。checktwitterでのスマートフォンでの検索が「トップ」「ライブ」の2種類に。2(金曜日)twitterでの検索を見てみると、今まで1種類だった検索が「トップ」「ライブ」の2種類になっています。「ライブ」の方が出てくるツイートの数が多く、恐らく「トップ」がPC版の「話題のツイート」、「ライブ」が「すべてのツイート」に相当するものになっていると考えられます。https://mobile.twitter.com/search/live?q=...とライブの方は「live」が入っている形になっています。この特徴を使えばそれぞれの検索URLを組み立てられるので、こちらで作っている「twitterスマートフォン検索」も「トップ」「ライブ」の2種類に対応するようにしました。http://skt-lab.com/sptwsearch/最下部に「タイプ」が追加され、「トップ」「ライブ」が選択できるようになっています。デフォルトは「トップ」になっています。checkスマートフォンに対応したデザインのリニューアルを進めています。30(火曜日)現在、各ページについて、スマートフォンに対応したデザインリニューアルを進めています。本日はGPSMapについて、TOPページと同様のレスポンシブデザインとし、スマートフォンでも見やすいようにしています。http://skt-lab.com/gpsm/また、プログラミングブログ、http://skt-lab.com/pg_blog/コラムブログhttp://skt-lab.com/column/もスマートフォンでの表示を最適化しています。現在ではソーシャルメディア上での更新が主体となり、あまり更新していませんが、地味にこういったところもデザインの更新を進めています。TOPページをリニューアル。14(日曜日)2008年の開設以来いくつか追加等はあったもののデザインの変更がなかったTOPページですが、先ほどリニューアルを行いました。http://skt-lab.com/レスポンシブデザインを採用してスマートフォンでも見やすくしています。デザインテンプレートはこちらのページのものを使用しています。http://template-party.com/template/tp_simple11/tp_simple11_cork/開設した2008年当時はスマートフォンはほとんどなかったしSNSもGREE,mixiが幅を利かせていましたからね。それからするといろいろと周囲も変化したように思えます。現状は以前のコンテンツを少し見直して貼り直しただけだけど、これからも少しずつ変えていこうかな。今後ともよろしくお願いいたします。Updateで開発者モードでbashが使えるようになりました。以前からプログラミングを行う人の間では話題になっていたので早速アップデートを行いインストールしました。開発者モードについての説明はこちら。Studioを使うのでなければあまり使われないものでした。https://msdn.microsoft.com/windows/uwp/get-started/enable-your-device-for-development開発者モードを使えばエクスプローラーに隠しフォルダが表示されたり拡張子が表示されたりといったことも。bashのインストール方法についてはこちら。日本語を使うのに若干手間がかかるような気もしますが。(日本語化方法も記載)bashを有効化しただけではあまり使える機能はないのですが、いろいろとインストールすれば様々なツールが使えるようです。こちらの場合サーバーにログインして開発するという方法がメインなので、あまりメリットはないかも。操作性がUNIX,Linuxと共通になるのはよいことかと思いますが。今後もいろいろと使っていこうかな。checktwitterスマートフォン検索を拡張しました。7(月曜日)twitterの詳細検索をスマートフォンからも気軽に行える「twitterスマートフォン検索」ですが、機能の拡張を行いました。http://skt-lab.com/sptwsearch/従来キーワード・ユーザー名・ハッシュタグ・期間で検索できていたのですが、言語指定(日本語と英語だけですが)やいいね数・リツイート数の下限、そして画像入り・動画入り・リンク入りに限定した検索もできるようにしています。こちらのページで高度な検索にもない検索も含め出ていたので、それを反映させた形にしています。http://wayohoo.com/twitter/tips/search-techniques-summary-for-twitter.htmlこれによりいろいろな角度からの検索ができるようになってきたかと思いますよ。Land」(スマートフォン版含む)にGoogleカスタム検索を追加いたしました。Serendipityの検索機能が日本語検索があまりうまくいかないようなので、Googleカスタム検索の方が精度高く検索できるかなと考えました。以前の記事とか簡単に見つけられるようになったらいいな。