Never Found

ドットインストールが有益すぎてもう！

Daisuke Kikuchi — Sun, 12 Feb 2012 13:58:47 +0000

百式管理人の田口元さんが開発したサービス「ドットインストール」が恐ろしく素晴らしい…！

「3分動画でマスターする初心者向けプログラミング学習サイト」のキャッチの通り、プログラミングを基礎から学べるサイトなんですが、

講座が1つあたり3分以内の動画で、空いた時間にササッと学習できる
動画の説明・ソースコード・デモがしっかり揃っていてわかりやすい
なにより無料（ここ最重要）

などなど、ホントにステキなサービスです。

今のところ、「PHPの基礎 (全60回)」「Twitter Bootstrap (v1.3)の基礎 (全22回)」「Google Maps APIの基礎 (全19回)」を受講完了。

PHPについては、前からやろうやろうと思いつつなかなか手をつけられず…。今までも、既存のコードの修正は何となく分かっても、イチからコードを書くとなると「？？？」となっていたので…。だいぶ恐怖心みたいなものは取れましたねー。実践しないと身につかないのでまだまだこれからですが、困ったときに戻るべき場所が出来たのはほんとに心強い。

「Twitter Bootstrap」も面白い！HTMLにクラスを指定するだけでイマドキなサイトが作れちゃう…。作業効率の向上のために、CSSフレームワークの導入も必要になるかもなー。折しも大幅バージョンアップされたらしいので、HTML5 と Twitter Bootstrap で何か作ってみたいなー。時間つくろう。

逆に、「Google Maps API」はまだまだ理解しきれず…。APIってやつにもう少し慣れておきたいところです。復習復習。

スマホ対応もしていただいたようなので、出勤前とかに学習時間を増やせるかもなー。ありがたやありがたや。

3分動画でマスターする初心者向けプログラミング学習サイト – ドットインストール: http://dotinstall.com/

WordPressアップグレード 2.9.1→3.2.1

Daisuke Kikuchi — Mon, 09 Jan 2012 06:41:50 +0000

明けまして2012。

昨年中、やろうと思いつつ放ったらかしにしていた WordPress のアップグレード。2011年のうちに、仕事で使う WordPress も、読んでいる参考書も 3.x系にすっかり移行したというのに、自分のブログだけ2.9.1というのはどうにもチグハグ…。ということで、年も変わったので心機一転、実行してみました。

とりあえずファイルとDBのバックアップを取って、「自動アップグレード」ボタンをポチっとな、で完了…かと思いきや、管理パネルには「最新版の WordPress を利用中です。更新の必要はありません。」の表示が…。

やむを得ず、手動アップグレードの手順を調べることに。（自動アップグレードができない理由は分かりませんでしたが、サーバーの自動インストール機能を使ってインストールしているのが原因かも？）

手順については、オフィシャルのCodexで確認。「サーバ上の古い WordPress ファイルを削除。ただし、次のものは削除せずに残すこと。」って作業がなかなか緊張しますが…手順どおりにこなして、無事アップグレード完了。

3.x から、アイキャッチ画像機能が追加されているようなので、今まで手動で設定していたアイキャッチをもっと簡単に入れられるようトライしてみたい…その辺はまたいずれ。

2011年大晦日の夜

Daisuke Kikuchi — Sat, 31 Dec 2011 09:57:39 +0000

駆け込みでの更新となりました。

2011年はほとんど更新ができず、せめて年末のあいさつだけでも…とスマホのWordPressアプリをポチポチやってましたが、フリーズで文章が消失する羽目に…。

うーん、PCからだと自動下書き保存機能があるのでつい途中保存を怠った…。

シメも締まらない感じになりましたが、今年は転職活動の結果、念願のWeb制作業に就けたこともあり、来年は練習・実験も兼ねてもう少しブログに触る機会も増やしたいところ。

来年もゆるゆるとやって行こうと思いますので、ひとつよろしゅうにー。

便利なリダイレクト設定プラグイン「Redirection」

Daisuke Kikuchi — Mon, 17 Jan 2011 11:02:20 +0000

WordPress での投稿時、忘れがちなのが「パーマリンク設定」。このブログでは投稿ごとに連番を振るのではなく、個別に「投稿スラッグ」と呼ばれる記事IDのようなもの（この記事URLの “plug-in-redirection” に該当する部分）を設定してるんですが、これを入力し忘れたまま公開しちゃうことがよくあるのです。先日投稿した「2011 新年のごあいさつ」という記事も投稿スラッグを入力しないまま公開してしまいました。入力し忘れた場合のデフォルト値はその記事のタイトルから生成されるため、できあがったURLが「～/2011-新年のごあいさつ.html」。日本語のURLも読み取れるブラウザが多くなってきたとはいえ、これは何かとよろしくない。あわてて修正しようとするも、Twitter や ping で公開したURLは「2011-新年のごあいさつ.html」のまま変更がきかないので、新URLにリダイレクトさせてあげないといけません。ということで、（前置きが長くなりましたが）今回活躍してくれたのが「Redirection」という WordPress プラグイン。.htaccess ファイルをいじらずとも、リダイレクトを実現してくれるそうです。さっそくダウンロードして wp-content/plugins/ にアップロード。プラグインを有効化すると、管理画面に「ツール」-「リディレクション」が現れます。ほうほう、ここに転送元と転送先のURLを入れればいいのね…と思いきや、設定後もうまくリダイレクトしてくれない。色々調べるうち、今回のような「個別記事のURLを転送する」場合は、転送ルールを「Redirection」グループではなく「Modified posts」に記載すればOK、と判明。画面右上の「グループ：」コンボボックスで「Modified posts」を選んで「Go」を押下。転送元と転送先のURLを登録すると、リダイレクトしてくれるようになります。登録後、旧URLにアクセスしてみると…↓ http://neverfound.jp/2011/01/2011-新年のごあいさつ.html しっかりリダイレクトされてますよね。過去記事を見直したら、日本語の投稿スラッグがもう一つあったので、あわせて訂正。実際にリダイレクトが行われた回数もカウントしてくれます。なお、今回使用したプラグインのバージョンは 2.1.28 ですが、WordPress.org で公開されているバージョン2.2.3 にアップデートしてみたら、うまく動きませんでした。なぜだろう。しばらくアップデートは見送りかな。ちなみに、日本語の投稿スラッグが作成されないよう、タイトルから英単語のみを抽出してスラッグを作ってくれるプラグインもあるようですが、スラッグはその都度編集したい派なので（じゃあ入力し忘れんなって話ですがｗ）今回は導入しないでおこうかなと…。

Redirection – Manage 301 redirections without modifying Apache | Urban Giraffe: http://urbangiraffe.com/plugins/redirection/

2011 新年のごあいさつ

Daisuke Kikuchi — Tue, 11 Jan 2011 10:15:54 +0000

2011年初エントリー。もう1月11日ですけど。 2010年は WordPress デビューを飾れた年になりました。やろうやろうと思っていてなかなか手をつけられないでいた CMS の勉強をスタートできたのは良かったかな、と。実は、「ブログ構築といえば『Movable Type（MT）』」という思い込みがあったので、一度は MT での構築にトライしました。ですが、カスタマイズでつまずいたことや、後になって「最近は MT より WordPress の方が人気が高い」なんて情報も目にし、WordPress に乗り換えた経緯があります。WordPress にそこそこ慣れた今、機会があれば MT にも再チャレンジしてみようかな…という思いもあったり。あと、自分のドメインを取得したのも2010年のトピックですかね。過去に Tripod や Xrea 等々を利用してきた身からすると、「neverfound」と「jp」の間に何も入らないドメインを持てるのが幸せでたまりません。意外とお手ごろ価格だったし。ブログの更新自体が少ないのは、当初の予想通りなので反省していません（笑）。元々、日記やブログの類が続いた例がないので…。でも、せっかくの独自ドメインなので、もう少し活用してあげようかな…。とりあえず、月2～3エントリーを当面の目標に、がんばりましょう。というわけで、今年もよろしくお願い致します。

サイトロゴ載っけてみました

Daisuke Kikuchi — Fri, 26 Nov 2010 15:13:04 +0000

11月がノーエントリーでフィニッシュしそうだったので、場つなぎ的なポストを強引に。コリスさんのTwitterで紹介されていた「LED風のデジタルちっくなフォントのまとめ」を覗いていたら、「Times Square」ってフォントが好みだったので、勢いでサイトロゴにしてみました。こういうデジタル系というか、「20年前から見た近未来」的なデザイン大好きなものでつい。今までのテキスト（Verdana フォント使用）のタイトルも好きだったけど、サクっと置き換えてみました。ロゴと言っても、黒ベタの文字で背景を透過にしただけなので、気が向いたらもうちょっとイジりたいです。

40 Edgy Digital Fonts for LED Banner Designs: http://www.1stwebdesigner.com/resources/digital-fonts-led-banner-designs/

ケータイ打ちからフリック入力へ徐々にアタマを慣らすコツ

Daisuke Kikuchi — Tue, 05 Oct 2010 12:12:00 +0000

ケータイをXperia に換えて4ヶ月が経ちました。初めは不慣れな点も多かったけど、今やすっかり生活必需品となってます。

特に革命的だなーと感じてるのが、iPhoneでお馴染みのフリック入力。今までのケータイ打ち（トグル入力）よりも速く文字が打てて重宝してます。

とはいえ、購入当初はどうもフリックに馴染めず、ケータイ打ちやQWERTYキーボードを利用していた時期もありました。

ケータイが本格的に普及してから十数年来、指に馴染んだ入力方法をいきなり変えるにはそれなりの時間と労力が必要です。

そんな自分がフリック入力に切り替えるきっかけになったのが、すっかりiPhone女子として名を馳せた感のある、福田萌嬢の「やりすぎコージー」出演。

放送自体は見逃してしまったのですが、この番組にiPhone大好き芸能人「iPhoneバカ」として出演した彼女は、1分間に130文字を打つという高速フリック入力を披露。すると翌日、その入力方法について彼女がこんなツイートをしていました。

あ～うまでは携帯打ち、えとおがフリックです。 RT @SpicyFlowers @fukudamoe やりすぎ見ました！やっぱりフリック打ちの方が早いですか？あと、テレビを見る限り、フリック打ちとケータイ打ちを併用して入力してるように見えたのですが…

http://twitter.com/fukudamoe/status/15139886591

なるほど、ケータイ打ちだとキータッチが多くなる「え」「お」のみフリックで入力してるわけですね…。

4方向はムリだけど、2つだけなら覚えられそう！と思いチャレンジしてみると、これがなかなかスムーズ。「タッチ数が多い文字だけフリック」っていうイメージが、めんどくさがりの自分にはフィットしていたのかも知れません。

自分はこの後、「『う』の3回タッチもめんどくさいからフリックで入れちまうか…」→「ここまで来たら『い』もフリックで入れてみるか」てな具合にスライドして完全フリック入力に移行しました。

「XperiaやiPhoneに乗り換えたけど、フリックに馴染めないからケータイ打ちでやってます」て方は、この「福田萌式フリック入力」で段階的にフリックに慣れてみるのはいかがでしょう。

福田萌(fukudamoe) on Twitter: http://twitter.com/fukudamoe/

さりげなく Arial から Tahoma に浮気してみた

Daisuke Kikuchi — Wed, 29 Sep 2010 11:50:28 +0000

当ブログのフォント指定に Tahoma を加えてみました。日本語のフォントは変わらないので、英数字が微妙に変わるだけのわずかな変化ですが。数字のフォントが Arial より好みな気がして、浮気。 Verdana とよく似てるけど、Verdana だとちょっと文字幅が広すぎる気がするので、狭めな Tahoma にしときました。

	body {
		font: 13px/1.231 Tahoma, Arial, Helvetica, Clean, sans-serif;
	}

もちろん、Tahoma がセットアップされていない環境（Macとか）では表示は変わりませんけどね。

ヒッキーに触発されて Twitter の壁紙を変更してみた

Daisuke Kikuchi — Tue, 28 Sep 2010 10:45:27 +0000

Twitterを始めた宇多田ヒカルが「やっべーこの背景まじかわいくないっすか？」とはしゃいでいるのに触発されて、マイアカウントの壁紙とデザインをさくっと変更してみました。

Kikuchi (neverfoundjp) on Twitter: http://twitter.com/neverfoundjp

作り方。「Stripe Generator」でお好みのストライプ画像を作ってアップ。「背景画像をタイルする」にチェックを入れて繰り返し表示させれば完成です。至ってシンプル。

Stripe Generator – ajax diagonal stripes background designer: http://www.stripegenerator.com/

調べてみるといろいろ凝った壁紙も作れそうですが…ひとまずこのお手軽版で。Twitterクライアントから閲覧してる人からは認識されない部分ですしな。

DOMトレーニング

Daisuke Kikuchi — Wed, 07 Jul 2010 15:27:49 +0000

このブログのサイドナビゲーションに配置してあるウィジェット

最近の投稿
アーカイブ
カテゴリー
最近のTweet

のタイトル（h3要素）にそれぞれ個別のアイコン（背景画像）を付けたい！と思っていたものの、ウィジェットなのでh3タグに id やら class やらを付けられず、断念しておりました。が、最近かじり始めたJavaScript DOM を使えば実現できそうなので、勉強がてらトライ。どうにかこうにか実現できました。備忘録的にコードをぺたり。

	window.onload = function() {
		var oElements = document.getElementById('sidebar').getElementsByTagName('h3');
		for (var i = 0; i < oElements.length; i++) {
			var oElement = oElements[i];
			switch (oElement.innerHTML) {
				case '最近の投稿':
					oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/flag.gif)';
					break;
				case 'アーカイブ':
					oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/document.gif)';
					break;
				case 'カテゴリー':
					oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/folder.gif)';
					break;
				case '最近のTweet':
					oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/comment.gif)';
					break;
			}
		}
	}

onload イベント時に getElementById と getElementsByTagName を使ってサイドバーのh3要素を探し出し、case 文で h3要素のinnerHTML ごとに css の background-image を切り替える… おお…楽しいぞ JavaScript…（笑）（ただし、コードを書くに当たって参照してたサイトが「getElementById」を「getElementsById」って書いてくれていたおかげで30分以上悩んでいたのは内緒だ）しかし、改めてソースコード見たら background-image のURL、共通部分が冗長ですな。書き直すかー。気が向いたら。あと、これを外部ファイルにしようと思っても、読み込み処理のタイムラグのせいで一筋縄にはいかないようで。これもそのうち対応したいっす。あ、ソースコードの表示に際して、SyntaxHighlighter Evolved なるプラグインも導入させていただきました。導入に際してお借りしたフンドシはこちら。

WordPressにソースコードを綺麗に表示させるプラグイン SyntaxHighlighter Evolved を設置 | WordPressで綴るパソコン生活: http://kantan.hp2.jp/?p=647

あー、気持ちイイわこれ。色々覚えていきましょい。