InstagramやPinterestなど画像系SNSのAPI使ってなんかできないかなとチュートリアル系サイトでを見てると
Instagram APIから画像データを取得する方法
Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた
と猫を集めてるのがあり、12のメジャーなSNSのアクティブ率を比較してみた – App Ape Labによると昨年末の国内Android端末ではInstagramがアクティブ率2位になっているので、とりあえずフレブル系の犬を集めるためハッシュ名を「#buhi」と考えてたら既にありました。（海外でもブヒっていうんですね。）
ハッシュがあるなら、Instagramから画像を引っ張ってきて表示するサイトを作るだけなんでやってみた。
〝Instagram APIでフレブルBUHI画像閲覧〟の続きを読む
Preprosが有料化したようで起動の度に「金払え」、定期的に「金払え」とうるさくなり、暴走する頻度が増えた。
使用頻度は高くなってるので金を払ってもいいレベルかもしれないけど、超多機能なPreprosのSCSSとjavascript最小化にしか使って無く損した気分になるので乗り換えることにした。
かといってWindowsなので乗り換え先が少ない。以前はSCOUTを使っていたが最近人気が無いようなので、コマンドライン式のコンパイラーを使うことにした。
〝Preprosが有料化したので乗り換えた〟の続きを読む
jQueryなど外部Javascriptの読み込み方法はいくつかあるし流行もある。
設置場所は
・headタグ下部に入れる
・bodyタグ下部に入れる
・bodyタグ上部に入れる
URLは
・ファイルを同サーバー上に設置する。
・Google等のCDNを指定する（//開始）。
・Google等のCDNを指定する（https://開始）。
レトロな方法は「headタグ下部に入れる」「ファイルを同サーバー上に設置する」の組み合わせで、モダンな方法は「bodyタグ下部に入れる」「Google等のCDNを指定する（https://開始）」の組み合わせになるが、単純にこの方法が良いとか悪いとかは言えない。
〝外部Javascriptの読み込み方法あれこれ〟の続きを読む
WordPressをCMS（更新システム）代わりに使ってる企業サイトが多くある。
その更新作業で画像を掲載するときは、数年前まではデジカメで撮影した画像をSDカード等を使ってパソコンにコピーして「藤 -Resizer-」なんかの簡易画像編集ソフトで縮小し、WEBブラウザでWordPressにログインしてアップロードという手順だったが、最近はスマホ一つで画像のアップが可能になった。
ただ、そのままアップすると容量が大きすぎたり顔色が悪かったりするだけで無く、不要な情報（位置情報やサムネイル）も公開してしまい住所がバレたり、モザイクが外されたりするという危険もあります。
そこでスマホからスマートに安全にアップする手順を解説しようと思います。
〝スマホでWordPressへ写真をアップするオススメな方法〟の続きを読む
ログによると、このブログを始めたのは2005年11月で今で10年近く運営してる事になる。
Movable Typeからやっている関係もあってか、Wordpressのパーマリンク設定がURLに年月が付いてるものになっている。
例えば下記の感じのURLになる。
http://uda2.com/blog/2005/11/favicon/
月と投稿名「/%year%/%monthnum%/%postname%/」
最近の流行は投稿名だけのスタイルだ。
投稿名「/%postname%/」
芸能人のブログやニュース系のブログなら年月がある方がいいかもしれないが、ウチのように閲覧者の殆どが調べ物を探す為に使われてるブログでは年月は重要ではないので変更したい。変更するのは「設定」「パーマリンク設定」でラジオボタンを選択するだけで簡単だけど変更してしまうと10年の蓄積された被リンクが切れてしまうのが悩みどころです。
そういった方の為にPermalink Redirect WordPress Pluginなんていうプラグインもあるらしいけど古いしシンプルに年月取るだけなので.htaccessのredirectで飛ばす事にした。
そもそもWordpressをインストールすると.htaccessが作られるので、ダウンロードしてきて一番上に転送用の記述をした。
うちのブログ全体を「blog」フォルダに入れてるので転送先が「/blog/$1」になってるがルートに直置きはしてたら「/$1」になる。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^20[0-9]{2}/[0-9]{2}/(.*)$ /blog/\ [R=301,L]
</IfModule>これで「月と投稿名のパーマネントリンク」から「投稿名だけのパーマネントリンク」に転送されて、レスポンスコードを301にしてるので転送された事を検索エンジンとかに通知するようになりした。
毎回では無いがPHPのようにサーバで生成されるページのデザイン等を修正するのに一旦HTMLとして保存し、静的ページとして保存してスタイルシートやJavaScriptを修正を進めたりする事もある。
今日もログイン後のページの修正でログインが面倒なのでダウンロードしたHTMLをInternetExplorerで確認しながら修正を進めていき一段落が付いたのでFireFoxとChromeで確認してみると「SyntaxError: illegal character」（OperaだとUncaught SyntaxError: Unexpected token ILLEGAL）というエラーが現れスクリプトエラーになって動作しなくなった。
ネットで検索しても解決法は見つからず小一時間ほど悩んでいたが、ふとエディタのウインドウ下のバーに見慣れない文字に気づいた。
「UTF-16LE」
作ったのは「UTF-8」でHTMLの宣言も「UTF-8」にしてるが、Internet Explorerで「ソースの表示」から「ファイル」の「上書き保存」とするとUTF-16LEで保存されるようだ（ちなみにOSはWindows2000から内部文字コードがUTF-16らしいが、少なくともInternetExplorer8までは正常な文字コード（UTF-8）で保存される）。
IE以外は「UTF-16LE」のHTMLから見て「UTF-8」の外部ファイルを「UTF-16LE」と勘違いして読み込もうとして文字化けしてそれが不正な文字（illegal character）としてエラーになっていたようで、エディタにて「UTF-8」に戻したら直った。
ちなみにInternetExplorerでもソースを表示せずに「ファイル」「名前を付けて保存」からだと文字コードを選択可能ですし、標準でソースの文字コードが選択されてるので問題無いです。
最近LIGのブログを見る機会が多くなった。LIGは面白法人カヤックやバーグハンバーグバーグの流れを汲んだキワモノ系の制作会社で、そのLIGのブログが技術系の記事が増えてきたので毎日読んでる。昨日も刀でズバッと斬るようなアニメーションをHTML・CSS・JS（jQuery）で実装する方法 | 株式会社LIGを読んで「さすがLIG、このタイミングで首をはねるアニメーションを作るとは・・・」とも思ったが俺も作ってみた。
〝HTML・CSSで刀で斬るようなアニメーション〟の続きを読む
WEBは西暦表記が多いですが書類を書いたりする際には未だ元号（年号）で記入する事が多々あります。
Siriに「今年は平成何年？」と聞いたらも答えてくれますが恥ずかしいです。
IT4コマ漫画：今って平成何年だっけ？ – ITmedia ニュース
によるとそういうアプリがあるとの事ですが年号がバッジ（右上の数字）で表現されていて見た目が微妙です。
そこで、巷にあるアイコンをカスタムするアプリの方法を使って元号の書かれたアイコンを貼れないか試してみた。
〝iPhoneに元号アイコン〟の続きを読む
2013年7月1日GoogleReaderの終了後し、その後feedlyを利用していた。
FeedlyはGoogleReader並の機能を持っており、購読するRSSを検索する機能があり初心者にも導入しやすいし、Flipboardとそっくりなマガジン風レイアウトのFeedly専用アプリも用意されている。
ただ、Feedlyは記事の検索ができない。不可能という意味では無く有償のFeedly Proになる必要がある。金額は年額45＄（現時点で5,396円）結構な金額なのでTiny Tiny RSSというRSSリーダーも併用していた。
Tiny Tiny RSSはサーバーにインストールする方式のRSSリーダーで敷居が高いがその分ソフトがデザインや機能拡張等の自由度が高く、Feedlyのように有償との差別化の為に検索できないようにされる事も無く、GoogleReaderのようにサービス終了に怯える事も無い。
今回iPadでもTiny Tiny RSSを利用する方法があると分ったので一本化する事にした。
そこで、Tiny Tiny RSSを使う上でハマりやすいと思うことを書いてみようとおもいます。
※画像は個人的にSpeed Dial 2用に作った画像でオフィシャルのロゴではありません。
〝Tiny Tiny RSSの気をつける点〟の続きを読む
SSLはパソコンとサーバーの間を暗号化する技術でSSLの設定がされていないとパソコンとサーバーの間のパケットを覗かれた場合通信の内容が丸見えになってしまう。
私はWEBの仕事をしているので仕事のメール設定はSSL（POP3sやSTARTTLS）を設定するようにしてるが「一般の人はSSLの設定はしてないんだろうな」と思っていたが、先日導入したThunderbirdでは「SSL設定」をなしに設定すると警告が出る。これはもしかして「世間的にもメールのSSL設定は浸透しているのか？」と思い、メール設定の解説が書かれたページにSSLの設定方法があるか調べてみた。
〝メールにSSLを（SMTPsとかSTARTTLS）〟の続きを読む