その他

テック系ならフォローすべきTwitterアカウントをまとめました。
ぜひぜひフォローしてみてください。有益な情報があなたのタイムラインに続々と届きますよ！
もし参考になりましたら「いいね」や「ツイート」をお願いします！！

フォローすべきTwitterアカウント10選

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

面白い情報をたくさん流してくれています。僕の情報源の5割くらいは田端さんにお世話になっていますｗ

@jptechcrunchさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

言わずもがなのTechchrunchです。英語版のTwitterアカウント(@Techchrunch) をフォローしてもよいですが、有益な情報はすぐ日本語訳されるので日本語版をフォローしておけば大体大丈夫です。

@IHayatoさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

プロブロガーのイケダハヤトさんです。Tech系以外にも様々な情報を流していただけるのでとてもおもしろいです。

@yukihiro_matzさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

プログラミング言語”Ruby”を作ったまつもとゆきひろさんです。英語記事のプログラミングに関する記事が主ですがとてもためになります。

@hot_codes_botさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

面白法人カヤックが運営しているHTML5,CSS3,JavaScriptのコードを共有するサイト「js do it」の中で話題になっているものをつぶやいてくれます。Twitterを見ていると自然とコードに触れられる機会が作れるので初心者の方にもおすすめです。

@yoshiyuki_kondoさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

プログラミング言語Perlの本である、いわゆる「ラクダ本」「リャマ本」の作者さんです。プログラミングについて様々な有益な情報を流しているためとてもためになります。Perl使いじゃない人にもおすすめです。

@wired_jpさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

興味深い記事を多く生んでいるのが「wired」です。IT系だけではなくサイエンス系の記事も多くあるため、知的好奇心をくすぐるものが多いです。僕も大ファンでいつも読んでいます。

@sasakitoshinaoさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

毎朝8時に佐々木さんが読んだ記事の中でよかったものをまとめてツイートしています。僕の主な情報源の1つです。本当に感謝です。 Webで話題になったことを知りたいのであれば佐々木さんをフォローして朝8時のツイートに目を通せばほとんどわかります。

@hatebuさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

日本のWeb業界でははてぶの影響力は偉大です。50ブックマークついた記事のみをツイートしてくれるのでこれを読めばIT系の話題はばっちりです。

@FacebookGeekさんをフォロー

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

名前の通りFacebookのマニアックな情報をひたすらツイートしているアカウントです。 Facebookにめちゃくちゃ詳しくなりたい人はフォローするとよいです。ちなみにツイートは全て英語です。

いかがでしたでしょうか。ここにのせているアカウントは全て僕が実際によく情報源として利用させていただいているアカウントばかりです。これだけフォローして記事に目を通せばほとんどの情報をキャッチ出来ます。

あなたのいつも参考にしているTwitterアカウントを教えてください。コメントお待ちしてます！！

2012年7月18日

WordPressにFacebookコメントを導入する方法

その他

WordpressにFacebookコメントを導入したのでその方法をまとめました。

WordpressにFacebookコメントを導入する「Facebook Comments」というプラグインで導入しました。

Facebook comments http://3doordigital.com/wordpress/plugins/facebook-comments/

導入方法はとても簡単です。

Wordpressの管理画面からプラグインをインストール（似ているプラグインが多いので注意！）
Facebook Developerからアプリを作成し、App IDを入力する
Wordpress、「Facebook comments」の管理画面にApp IDを入力し、保存する
Facebookコメントを置きたい場所にコードを記入する

それでは実際に登録してみましょう。

Wordpressの管理画面からプラグインをインストール（似ているプラグインが多いので注意！）

「Facebook comments」と検索すると多くのプラグインが出てくるのですが、画像のプラグインをインストールしてください。
※画像の上のほうに同じプラグイン名のものがありますがそれではないので注意してください。

Facebook Developerからアプリを作成し、App IDを入力する

Facebook Developersにアクセスし、アプリを作成します。

Facebook Developer https://developers.facebook.com/

Facebook Developersにアクセスし、画像の赤で囲っている部分をクリックしましょう。
アプリの作り方は下記URLを参考にしてください。

Facebookモバイルアプリの開発方法 – CodeZine
http://codezine.jp/article/detail/6643

アプリを作成することが出来ましたか？App IDが手に入れば準備OKです。

Wordpress、「Facebook comments」の管理画面にApp IDを入力し、保存する

さきほど作成したアプリのApp IDをWordpressのプラグイン「Facebook Comments」の管理画面に入力します。
設定→Faecbook Comments にあるのでアクセスしましょう。

画像の部分にさきほど作成したアプリのApp IDを入力してください。

また「show comment box in posts」にチェックが入っているか確認してください。
最後に保存しましょう。

Facebookコメントを置きたい場所にコードを記入する

最後に自分がFacebookコメントを置きたい場所に下記のコードを挿入しましょう。

&lt;?php comments_template(); ?&gt;

僕の場合、single.phpのフッター挿入前にこのコードを書きました。
ここが少しハードルが高いかもしれません。

以上でFacebookコメントが挿入出来ます！
下のFacebookコメントは上記のやり方で導入したものです。

何かわからないことがあれば下記コメント欄、またはTwitter(@DAI199)でリプライをとばしていただければコメントします！

2012年7月16日

知らないなら損をしている！HTMLコーディングスピード3倍に！？ zencoding 導入方法まとめ

その他

あなたはコーダーですか？
Webエンジニアですか？Webデザイナーですか？
あなたはzen codingを知っていますか？

もし知らないのであれば時間をいくらか無駄にしている可能性があります。
いますぐzen codingを導入してコーディングスピードをあげ、今まで使っていた無駄な時間を有意義な時間にしましょう！！
以下の動画を見て素晴らしさを体感してみてください。

例えば以下のようなコードを書きたいというとき

&lt;ul id="zencoding"&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
   &lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;

zen codingを使えば以下のコードを展開するだけで書くことが出来ます