5丁目通信(仮称)

とある5丁目で活動する還暦を過ぎたWebプログラマーの覚え書きです。それとかかってくる迷惑電話や、家業のアパート経営について。

タグ: Web

  • baserCMS のテーマ配置場所がドキュメントルートの下だった話し

    CakePHPでサイトを作成していると、静的ページの編集追加も自分で作らないといけないし、お客さんでも編集可能にしたり、その他諸々便利そうだからということbaserCMSをプラットフォームにしてみたらどうなるかとインストールしてみた。

    しかしながらbaserCMSのテーマ配置場所がドキュメントルートの下にあるということはちょっと驚いた。ビューの下ではないのね。CakePHPのテーマの機能は使っていないのかな。

    もしかしたら、.htaccessにゴチョゴチョ設定されているから直接ファイルにアクセスできないようにしているとか思ったらそうではなかった。もしかしたらブログでアップロードされたファイルもwebrootのfilesの下に入ってしまうのかな。

    何かbaserCMSのドキュメントに書かれていないようなテーマの配置場所を変更する設定方法があるのだろうか?

    著:山田祥寛
    ¥3,366 (2025/04/18 11:08時点 | Amazon調べ)
    著:松浦 健一郎, 著:司 ゆき
    ¥2,574 (2025/04/18 11:08時点 | Amazon調べ)
    著:谷藤賢一, 著:徳丸浩
    ¥2,750 (2025/04/18 11:08時点 | Amazon調べ)
  • モバイルルーターをNEC MR03LNにした話し

    注文して翌日にNECAterm MR03LNが到着。ヨドバシは仕事が早い。しかもアマゾンより安い。最近の注文はヨドバシが多い。

    ということで、早速Aterm MR03LNの設定を行う。OCNのモバイルONESIMカードを入れてアクセスポイントやID/PWを設定するのだが、まずはMacBook ProをWi-Fiで接続する。Aterm MR03LNだけでも設定できるが、ここはPCをつなげたほうが簡単である。もう何回もSIMカードの設定をしたので、ここはトラブルなく設定完了である。アンテナが立ったことを確認して、外に接続できることも確認して、作業は完了である。Aterm MR03LNに付属している簡単設定マニュアルの手順通りに進めていけば、おそらく迷わず設定できるだろう。したがって、ここ記事で設定方法を解説する必要はない。

    せっかくだから Bluetoothで接続できるようにする。こちらもMacBook ProBluetoothの設定を立ち上げて、Aterm MR03LNの設定からペアリングすれば設定できる。パスフレーズを設定しないので、むしろ無線LANよりも簡単。無線LANのアクセスポイントの長いアクセスキーを設定するのは面倒。

    実際に使ってみると、とても快適。しかし、PCでつなげていると、あっという間にデータ量が増えていく。OCN モバイル ONEは1日50MBを越えると200Kbpsに制限されてしまうのだが、
    数十分使っているだけで50MBを越えてしまう。PCのブラウザから参照するサイトは広告とか余計なデータがたくさんあるので仕方ないところか。スマートフォンに対応したサイトはそんなことはないようだ。ただし、スマートフォンのサイトでも、無駄に大きい画像を貼り付けていたり、無駄な広告を入れるようだと、そのサイトは嫌われそう。こちらもサイトを制作するときに気を付けよう。

    ということで、OCN モバイル ONEは一番安い50MB/日のコースで十分と思っていたけど見直さないといけないと思った。試しに50MBを使いきって200Kbpsに落としてみたけど、普通のWebサイトは画像がなかなか出てこなくて辛い。 Gmail くらいの文字だけのサイトなら。あまり気にならない程度だけど。

    以上、うまく接続できたということで、au one net WiMAXコースを解約してしまう。それとAtermWM3600Rをオークションに出品してしまおう。

    Google+の記事へ


    著:戸根 勤
    ¥2,376 (2025/04/15 16:30時点 | Amazon調べ)
    著:Gene
    ¥924 (2025/04/18 15:03時点 | Amazon調べ)
  • CakePHPのDebugKitの表示がページの下に表示されるときの対応の話し

    CakePHPのDebugKitプラグインですが、正常に動いていると右上にアイコンが表示されます。

    CakePHPのバージョンが2.4.7で現時点の最新版のときにインストールすると、Debug Kitプラグインで表示される内容がページに下に丸見えになってしまいました。

    Debug Kitプラグインのインストールも正しく行っていると思っていましたが、プラグインから書き出しているwebroot以下のdebug_kitディレクトリに設置されているJavaScriptファイル、CSSファイル、画像ファイルが、すべて404 File not foundになっていました。

    調べてみるとDebug KitプラグインのGitHubでも同じことで悩んでいる人がいました。結果として、/app/COnfig/bootstrap.php に以下のコードを付け足せば、正しくDebug Kitプラグインの結果が表示されます。

    Configure::write('Dispatcher.filters', array(
    'AssetDispatcher',
    'CacheDispatcher'
    ));
    

    Dispatcher.filtersがどういう役割をしているかよくわかりませんが、CakePHPのドキュメントのプラグインアセットのページと、SildeShareのこのページが参考になるかもしれません。

    ただし、Vagrantの共有フォルダで開発しているため、シンボリックリンクでの設定はできませんでした。

    著:山田祥寛
    ¥3,366 (2025/04/18 11:08時点 | Amazon調べ)
    著:松浦 健一郎, 著:司 ゆき
    ¥2,574 (2025/04/18 11:08時点 | Amazon調べ)
    著:谷藤賢一, 著:徳丸浩
    ¥2,750 (2025/04/18 11:08時点 | Amazon調べ)
  • インターネット黎明期の話題としては、IEは新しいわな、という話し

    インターネット黎明期の話題としては、IEは新しいわな。。そもそも黎明期にはWebなんてないし、あったとしてもブラウザはMosaicだったよ。その後使ったのはNetscape・・。

    Reshared post from +seino mai

    Google+からの流入は数は多くないけど質が良いといううわさを聞いたので、僕も今日書いた記事とか流してみようと思った次第であります。

    嗚呼、インターネット黎明期。君はあの頃を知っているか。
    こんにちわ。3月末に世間の皆様が増税で駆け込み買い物をしておられました傍ら、引っ越しという事情があり3月の段階…

    View this post on Google+

    著:戸根 勤
    ¥2,376 (2025/04/15 16:30時点 | Amazon調べ)
    著:Gene
    ¥924 (2025/04/18 15:03時点 | Amazon調べ)
  • 自分が悪いのに IFTTT を疑ってしまった話し

    WebサービスからWebサービスに連携してくれるIFTTTを使っています。例えば、ブログの記事を投稿すると、IFTTTがEvernoteやBloggerに自動的に連携して投稿してくれます。IF THEN型式で、こんなトリガーがあったらどのようなアクションを行うかをレシピに登録してあげます。IFTTTの設定は、わかりやすくて簡単です。

    今回、FeedlyのSaved For Laterに登録したら、Pocketに投稿するというレシピをIFTTTに登録してみました。しかし、アクティビティログを見てもいつまで経ってまったく動きません。IFTTTがレシピを起動するタイミングがあるか丸1日待ってみました。だけど、動きません。

    無料でIFTTTを使っているので、トリガーになる優先が低いのかな?

    どうせ無料で使っているのでまともに動いてくれなくても仕方ないかな。

    有料ユーザーになれば起動してくれるかな? でもIFTTTって課金するようなページがないしな・・・・。

    と半ば諦めていました。

    しかし、IFTTTのFleedyのチャンネル設定をよく見たら、ログインIDが間違えてました。FeedlyはGoogleのアカウントでログインをするのだけど、間違えて仕事用のGoogle Appsのアカウントで設定されました。ただこれだけのミスでした。IFTTTのレシピの設定からFeedlyのリンクで、正常にアクセスできていたことでミスを見つけるために時間がかかりました。

    今は、FeedlyのSaved For Laterに記事を登録したら、そんなに時間が経たずにPocketに投稿されるようになりました。

  • いまさらNTTのファックスお知らせメールについて言っておこうと思った話し

    NTTのひかり電話のサービスにファックスお知らせメールというあまり知られていない便利なサービスがある。その名の通り、ファクスを受信したらメールでお知らせするというものである。

    ファックスの内容はメールでやってくるわけでもなく、お知らせメールが来てファックスが届いていたのだとTIFFファイルをNTTのWebサイトからダウンロードする。ファックス型式のTIFFファイルだから、普通に画像ソフトで参照すると縦横比の関係で横長に広がって見ることになる。

    ファックスの内容を見るNTTのサイトも、パスワードを一定期間で強制的に変更しないといけないとか、削除するときに確認ダイヤログを介さずにそのまま削除するとか、ものすごく昔のCGIページのような画面になっている。これでも一回リニューアルされて、まだましのページデザインになったけど、NTTが全く力が入っていないことがよくわかる。

    これまで書いている通りだと、ファックスお知らせメールって全く使えないサービスと思われるかもしれないけど、これはこれでなくてはならないサービスなのである。今さらファックスの機械を入れなくてもいいだけでもいい。プリンタ+スキャナ+ファックスの複合機を持っているが、複合機のファックス機能というのは音声電話との切り替えというのが曲者で、留守番電話との共存の設定なんて面倒なものである。ひかり電話で5つまで電話番号を取得できるので、ファックスお知らせメールに専用電話番号を付けてしまえば、これで専用ファックスのできあがりなのである。送信は複合機のファックス送信用のプリンタドライバ経由でファックス送信ができる。

    しかしながら、ファックスお知らせメールに、メールでファックス内容まで受信できれば、そのままEvernoteに放り込むことができるのにと常々思うのだが、そのときは画像の縦横比を自動的に変更するようなフィルタを通さなければいけないといけないなと更に思うのだった。

    こうもファックスお知らせメールを宣伝してあげないと、もし誰も使わなくなってNTTがサービスをやめてしまうとこちらが困るので、みなさんもファックスお知らせメールを使ってほしいと願うのである。そのためには、フレッツを引いて、ひかり電話にしてと、多少ばかりハードルが高いかもしれない。

    パナソニック(Panasonic)
    ¥10,280 (2025/04/12 15:45時点 | Amazon調べ)

    私の電話機を選ぶ基準は、まずはカールコードがないこと。受話器がワイアレスだとコードのねじれを気にせずに楽です。後は、着信拒否の登録件数の多さでしょうか。50件程度でしたら、すぐに登録が一杯になります。100件以上着信拒否ができる電話機を選びます。

  • jQuery UIのタブ内からの別タブへのリンクで手こずったけど解決した話し

    jQuery UIのタブ内からの別タブへのリンクしてタブを切り替えることのメモ書き。ツレの案件で少し手間取ったので、その覚え書き。

    jQuery UIのタブが次のように書く。適当なJQueryとjQuery UIのCSSとJavaScriptを設定できていることが前提。この辺りは、jQueryUIのサイトに書いてある。

    <link href="css/import.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

    以上のように設定してある。

    JQueryUIのタブは、次のように設定する。

    <script type="text/javascript">
      $(function() {
      $( "#tabs" ).tabs();
      });
    });
    <ul>
      <li><a href="#tabs-1">タブ1/a></a></li>
      <li><a href="#tabs-2">タブ2</a></li>
      <li><a href="#tabs-3">タブ3</a></li>
    </ul>
    <div id="tabs-1">タブ1の内容</div>
    <div id="tabs-2">タブ2の内容</div>
    <div id="tabs-3">タブ3の内容</div>

    単純にタブ1の内容に、

    <a href="#tab1-1">タブ2を表示</a>

    と書いてもタブ1がタブ2に切り替えることができない。そこで次のように書く必要がある。

    <script>
      $(function() {
      $( "#tabs" ).tabs();
    
      $('a.tab_link').click(function() {
        $( "#tabs" ).tabs( "option", "active", $(this).attr('rel') );
        $( "#tabs" ).tabs( "refresh" );
        return false;
        });
      });
    </script>
    
    <ul>
      <li><a href="#tabs-1">タブ1/a></a></li>
      <li><a href="#tabs-2">タブ2</a></li>
      <li><a href="#tabs-3">タブ3</a></li>
    </ul>
    <div id="tabs-1">タブ1の内容。<a class="tab_link" href="#" rel="2">タブ2を表示</a></div>
    <div id="tabs-2">タブ2の内容</div>
    <div id="tabs-3">タブ3の内容</div>
    

    リンクのrel属性は、0~2がタブ1~3に対応している。

    jQueryUIのバージョンによって、動きが変わっているかもしれないので注意が必要。「jQuery UI タブ リンク」でGoogleで検索した結果で、参考になりそうなサイトのコードで試してみたけど動かなかった。結局はjQueryUIのサイトからAPIのマニュアルを見て、自分で作ったのでした。

    Tabs Widget | jQuery UI API Documentation

    jQuery UI
    技術評論社
    ¥1,980 (2025/04/17 01:58時点 | Amazon調べ)

  • Google+Blogプラグインをアップデートした話し

    Google+Blogプラグインの開発者のGoogle+の記事からアップデートされたことを知った。Google+Blogプラグインは、Google+の記事からWordpressの記事にインポートしてくれるWordpressプラグイン。とても便利なので10ドルを払って有料版を使っている。

    こちらのGoogle+Blogブラグインは、自動アップデートの対象ではなかった。だいぶ前のバージョンを使っていた。作者のサイトからプラグインのZIPファイルをダウンロードして再設定する。

    Reshared post from +Daniel Treadwell

    Google+Blog for WordPress 1.3.4 [Bugfix Release]

    Hot on the heels of +Mike Elgan‘s #blogsofaugust  campaign I have gone ahead and updated the Google+Blog for WordPress plugin.  I originally created this plugin as I saw how great G+ was as a blogging platform but noticed many users were still wanting to keep their own sites populated with their own content.  

    Google+Blog for WordPress is a plugin that allows you to import your Google+ Public posts (and their comments) as blog posts into your WordPress setup. There is a free version and a paid version ($10), both of which can be found at http://gpb.minimali.se/google+blog/ 

    Paid users, please update by going to http://gpb.minimali.se/google+blog/YourTransactionId/ to download. Where ‘YourTransactionId’ is the number emailed to you.

    Update Details

    – Fixed issue with shared youtube videos
    – Better handling of some vimeo embeds
    – Comment dates should now be more accurate
    – Remove jQuery dependence

    To update please deactivate and delete the existing plugin prior to installing this one.

    Feedback

    Keep your suggestions coming as they are what guides the development of this plugin. Also be sure to log any bugs you have found with me. Updates will start to slow down a little now as the plugin becomes more stable but be sure to check my posts for the latest news regarding the plugin.

    Guides

    There is an explanation of each of the settings for the plugin in a prior post that can be found here: https://plus.google.com/103697821787469756035/posts/UvHumFMNbai 

    If you think you need a little more help with the plugin +Nancy Messieh  of TheNextWeb wrote up a great post detailing the steps to go through to get things up and running. Check it out here: http://thenextweb.com/apps/2011/10/11/crosspost-your-google-posts-to-your-wordpress-blog-with-this-plugin/

    Problems

    If you are experiencing problems with the plugin not working at all, there can be conflicts with other plugins and themes, especially in relation to comments. Message me privately with these issues including the settings you are using as well as any errors you may be receiving and I will do my best to help you get it all up and running.

    Thanks for the continued support.

    Your reshares are appreciated.

    #googleplus #blog #wordpress #googleplusblog

    The Google+ musings of Daniel Treadwell
    Google+ Blog Concept – Daniel Treadwell. View your Google+ Posts in the form of a clean and simple blog. Also home of the Google+Blog WordPress plugin.

    View this post on Google+

  • Web広告に思うこと

    Webサイトを見ていると、ネットショップの広告が表示されることがあります。あなたはこれが欲しいでしょ、みたいに商品を選んで表示してくれます。

    これ欲しいのだっけ、と思わせる商品ならいいのですが、既にそのお店で購入済みの商品が出ていると少しガッカリです。もう少し頭良く商品を薦めてくれればいいのにと思ったりします。そのお店からは愛が感じられません。

    しかも、色違いの購入済みの商品を延々と表示してくれるときには困ったものです。今はずっとソニーのVAIOを買えと言ってくれます。何かVAIOを買おうとしたのかな。

  • 波形が表示できるJavascriptの音楽プレイヤーを探している話し

    波形が表示できるJavascriptの音楽プレイヤーを探しているが見つからない。何かないかな。

    お客さんの要望で、波形を表示しながら音楽を再生するプレイヤーを探していた。その中で見つかったのは、Stratus 2というJavaScriptから呼び出すことができるプレイヤー。これはSoundCloudに格納されている楽曲を再生できるだけなので、ローカルの楽曲ファイルを再生できないので、今回は見送り。でも、SoundCloudというサービスはおもしろそうなので、後で見てみる。

    Pz-LinkCard
    – URLの記述に誤りがあります。
    – URL=

    SoundManager2のように簡単にきれいなプレイヤーをすぐに実現できるが、波形まで表示できる音楽プレイヤーは見つからない。有料でもいいから、どこかにないかな。

    Google+: View post on Google+