読者です 読者をやめる 読者になる 読者になる

My puppyのブログ

40代前半で横浜在住の日曜プログラマです。学んだ事や作っているプログラムなどについて書いています。

Webサービス作成

青空文庫の英語版と日本語版を組み合わせたサイト。自動朗読機能付き。

実は2013年ごろに、青空文庫の『赤毛連盟』というタイトルの英語版と日本語版を組み合わせたサイトの試作品を作ったんですね。 URLは「http://lucky-jpn.sakura.ne.jp/aozora/」です。 下の画像はそのサイトのスクリーンショットです。 この試作品では、各英…

アマゾンの「この商品を買った人はこんな商品も…」を活用したWebサービス

アマゾンで商品ページを表示すると、ページの下のほうに「この商品を買った人はこんな商品も買っています」って出てきますよね。 あれが楽しくてついついクリックしちゃうのですが、これをツリービューで展開表示できるWebサービスがあったら楽しいなと思い…

jQueryを使ってマウスカーソル下の文字列(英単語)を取得する方法

今調べたことのメモです。 jQueryを使ってマウスカーソル下の文字列(英単語)を取得する方法を探していましたら、「Stack Overflow」で以下のページが見つかりました。 stackoverflow.com 以下のコードは上の「Stack Overflow」からのコピペを少し修正した…

「Now on Tap」(Android 6.0向け新検索機能)

「Now on Tap」とは、Android 6.0から利用できる新しい検索機能です。 itpro.nikkeibp.co.jp 上の記事によると、この「Now on Tap」という検索機能は「スマートフォンで利用中のアプリ画面から、そのユーザーが詳しく調べたいだろうと思われるキーワードを自…

パーソナルソング / 思い出ソング

「パーソナルソング」という映画があります。 認知症の方にiPodで「思い入れのある曲」を聴いていただき、記憶を呼び戻す画期的な試みを記録したドキュメンタリー映画です。 personal-song.com 数十年前の思い出の曲をスマホで簡単に再生できたら良いですよ…

Jumperというストリートビューを活用したサイト

Jumperというグーグルのストリートビューを活用したサイトがあります。 tryjumper.com 世界各地の観光地にクリックひとつで連れて行ってくれるんですね(^^)/ これ素敵だなと思いました。 このサイトは英語ですが、日本語化して全国各地の観光地を解説付きで…

XAMPP now supports PHP 7!

www.apachefriends.org XAMPPがPHP 7対応になったみたいです。 インストールしてみますね(^^)/

Slim Framework 3.0.0 released!

www.slimframework.com PHPのマイクロフレームワーク「Slim」のバージョン3が12月7日にリリースされたそうです。 特徴は以下の通りです。 1.HTTP Router Slim provides a fast and powerful router that maps route callbacks to specific HTTP request meth…

PHP 7.0.0 Released

「PHP 7.0.0 Released」 http://php.net/archive/2015.php#id2015-12-03-1 12月3日にPHP7がリリースされたそうです。 公式サイトによると、改良点や新機能は以下の通りです。 Improved performance: PHP 7 is up to twice as fast as PHP 5.6 Significantly …

Let’s Encrypt Public Beta: December 3, 2015

letsencrypt.org Let’s Encryptが12月3日にパブリックベータになるそうです。 もう少ししたらちょっと使ってみるかもしれません。

YouTube IFrame APIほか動画関連のメモ

「YouTube IFrame API」 https://developers.google.com/youtube/iframe_api_reference 「Video.js - The Player Framework」 http://videojs.com/ 「igrigorik_videospeed - GitHub」 https://github.com/igrigorik/videospeed ※YouTubeの再生速度を変更す…

JavaScriptでクリップボード操作

Flash使用のZeroClipboardと、不使用のclipboard.jsをメモっておきますね。 ZeroClipboard http://zeroclipboard.org/ clipboard.js http://zenorocha.github.io/clipboard.js/ 追記 「Can I use...」にClipboard API対応表があります。

Slim Framework 3.0 RC 1

Slim FrameworkはPHPで使えるマイクロフレームワークですが、少し前に確認したらバージョン3.0のRC 1(RC:Release Candidate、リリース候補版)が出ていましたのでメモっておきますね。 公式サイトです。 Slim Framework - Slim Framework ドキュメントです…

.htaccessを使用してhttpからhttpsへ301リダイレクト(さくらのレンタルサーバ)

現在さくらのレンタルサーバで提供しているRapidSSLを利用しているのですが、.htaccessを使用してhttpからhttpsへ301リダイレクトする時にハマったので、メモっておきますね。 RewriteEngine on RewriteCond %{ENV:HTTPS} !^on$ RewriteCond %{HTTP:X-SAKURA…

google-chrome-app - Stack Overflow

stackoverflow.com Stack Overflowで[google-chrome-app]というタグで検索すると、Chrome Apps関連の質問一覧がすぐに出てくるのでメモっておきます。

FileSystem APIによって保存されたファイルをChromeのDeveloper Toolsで表示する。

まずは FileSystem API そのものについてはこちらのページをご参照ください。 「FileSystem API について知る」 http://www.html5rocks.com/ja/tutorials/file/filesystem/ 「[HTML5] FileSystem APIの概要と活用 #1」 http://dev.classmethod.jp/references…

Access-Control-Allow-Origin

「Example: Downloading files using XHR2」 http://www.html5rocks.com/en/tutorials/file/filesystem-sync/#toc-download-xhr2 先ほど上のページのサンプルコードを見てJavaScriptを使ってTEDから画像のダウンロードを試みたんだけど、問題が発生。 Google…

目的変更:Webアプリを作る。

以前このブログの目的として、Chrome Appsを作成すると書いたのですが、変更することにしました。 とりあえず普通のWebアプリケーションを作ることにします。 もう少し具体的に申し上げますと、以前試作品として開発した「http://s-ted.com/」をパワーアップ…

目的:Chrome Appsを作る。

このブログの目的は、最終的にChrome Appsを一つ作ることです。 「What Are Chrome Apps?」 https://developer.chrome.com/apps/about_apps その過程で検索した事や学んだことを書いていきます。