忙しい人の為の99%コピペでOK！ソーシャルネットワーク共有ボタンを設置する方法～twitter、hatena、facebook、Evernote、Google+～ | necozine
今(2012/2/11)現在、ブログのつけるべきソーシャルブックマークボタンて何だと思いますか？ ソーシャルネットワークは今流行りのオンラインコミュニケーションツールです。 今回は、より自分の記事を多くの人に見てもらう為に必要な、ソーシャルネットワークボタンはいったい何か？と、その設置方法を紹介します。 最低限必要なソーシャルネットワークのボタンをおさえよう私は、以下の5つが最低限、日本では必要なのではないかなと思います。 twitterhatena bookmarkfacebookEvernotegoogle+ブログの種類にもよりますが、このブログのカテゴリなら、twitterとはてブは必須、facebookも今や当たり前となりました。 続いて、EverNoteのクリップボタンも情報収集にこだわりがある方々には必須のものかと思います。 そしておそらくfacebookと同様にGoogle+
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
BASIC認証とIPアドレス制限の併用 - Ceekz Logs (Move to y.ceek.jp)
先日公開した、主専攻振り分けの途中経過は、学内からアクセスする場合は、そのまま閲覧でき、学外からアクセスする場合は、BASIC認証が必要になるように設定しています。 特定のIPアドレスは通して、それ以外は、認証が必要。というページの作成は、結構需要があるような気がします。代表的なのは、自分のマシンは認証無しで、他の人が見る場合は、認証が必要とするということが挙げられます。 .htaccess で設定するわけですが、やり方を良く忘れてしまうので、メモしておくことに。 AuthType Basic AuthDBUserFile /etc/webpass.coins AuthName "Please input your coins's Account & Password" Require valid-user Satisfy Any Order Allow,Deny Allow from 1
MONOSEN » WP to TwitterのOAuth設定方法
2010年8月31日、twitterの認証方式が0Authに統一されたため、Basic認証を使っていたWP to TWITTERもバージョンアップされ再設定が必要となりました。そのため、最近はダッシュボードにエラーメッセージが表示されっぱなしです。 英語ばかりで設定のハードルが上がってしまいましたが、やることはそんなに難しくありません。以下に手順を紹介します。 1.WP to Twitter設定ページを開く 【設定】→【WP->Twitter】を選択します。 Connect to Twitter欄 1. Register this site as an application on Twitter’s application registration page をクリックしてTwitter側にアプリケーションの設定を行います。 赤線部の値も必要となるので覚えておきます。 ・Appl
PHPフレームワークの「codeIgniter」がスゴすぎる | H2O Blog.
新しいことを勉強して、久々に心底感動しました。 Facebookである方が「もうすぐCodeIgniterカンファレンスが開催される」といったつぶやきをしているのを拝見し、この時初めてその存在を知りました。。 PHPのフレームワークで、習得が早く、動作速度が爆速だということだったので、ちょっと触ってみるかとダウンロードしてドキュメントを読みながら Hello World!を作ってみる。すると・・・ こ・・これはすごい・・ なにがすごいって、これまで私は「CakePHP」を超愛用していました。CakePHPは、もちろんそのほとんどがすごくいいのですが、若干だけ不満があったのです。しかし、codeIgniterではCakePHPの好きなところはそのままに、不満が全部吹っ飛んでいたのです。 では、その全貌をご覧入れましょう。 モデル・ビューが不要 CakePHPもcodeIgniterも、MV
クロスブラウザテストができる「Adobe BrowserLab」がプレビュー公開
米Adobe Systemsは6月3日、Webデザイナー向けのオンラインサービス「Adobe BrowserLab」を無料プレビュー公開した。 BrowserLabでは、Webデザイナーは各種ブラウザ、各種OSでWebサイトがどう見えるかをテストできる。このサービスはクラウドアプリケーション上で仮想化技術を使って提供しているため、デザイナーが自分のシステムにブラウザをインストールする必要はない。 2種類のブラウザのスクリーンショットを並べたり、「オニオンスキンモード」でスクリーンショットを透明化して重ねたりすることも可能。デザインやレイアウトに影響しそうな互換性問題を特定する診断ツールも利用できる。Adobe Dreamweaver CS4のユーザーは、動的なウィジェットなど、Flashベースの技術もテストできる。 BrowserLabは現時点では英語版のみで、Adobe Labsで無料プ
プログラミング言語人気TOP10の簡易解説
0-1. 前書き この世にはたくさんのプログラミング言語が存在します。Wikiepdiaのプログラミング言語一覧を見ると、実に200個以上というわけの分からない数の言語が並んでいたりします。 【参考URL】プログラミング言語一覧 - Wikipedia http://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%B0%... 200の中にはほとんど使われてない言語も混じってるので、実際に仕事でざくざく使われている言語は20とか30とかそういうオーダーなのですが、それでも1人の人間が把握するにはちょっと多過ぎる数です。 本記事では、そうした有り余るプログラミング言語の海の中で「どれを勉強したらいいの？」とか「どれを採用するのが適切？」という悩みをお持ちの方が「よし、この言語に決めた！」と自信を持って決断できるように背中を押すことを目的として書か
プロとしての行為 Act as Proffesional
食事を抜く、おざなりにする 朝食、昼食、夕食を熱中しすぎて抜いてしまう。ブドウ糖は蓄えておくことができません。定期的に栄養を取らないと脳がエネルギー不足となって、生産性の低下を招きます。凡ミスが多くなってくる。 きりの良いところで必ず食事をとること。食事の間隔があきすぎることがないように注意する。 生産性のないことに2〜3時間熱くなる 落ちついてコードを読み、設定を直せばすぐに解決するバグを、憶測で○○が悪いのかな？とあれもこれもと手を出すうちに2，3時間を費やしてしまい疲弊してしまう。 感情を抑え、物事を論理的に考える落ち着きを取り戻そう。 何を完了したら仕事が終わりなのかを理解していない コードを書けば仕事は終わりですか？QAやテストやドキュメントなどはいりませんか？誰に承認をえるのですか？これら、仕事として必要なことに注意を向けずに仕事を終わったと思ってしまう。本当に足りないことはあ
「喫茶店プログラミング」のための環境構築(VMwarePlayer + CentOS5.5+Apache2.2.3+MySQL5.5.8+PHP5.3.5+Ruby1.8.7+おまけ) - blog@sotm.jp
ソフトウエア Windows 7 Home Premium (64bit)VMware Player 3.1.3 build-324285Tera Term 4.67 作る物 CentOS # cat /etc/redhat-release CentOS release 5.5 (Final) # uname -a Linux localhost.localdomain 2.6.18-194.32.1.el5 #1 SMP Wed Jan 5 17:52:25 EST 2011 x86_64 x86_64 x86_64 GNU/Linux Apache # /usr/sbin/httpd -v Server version: Apache/2.2.3 Server built: Aug 30 2010 12:28:40 MySQL # mysql --version mysql Ver 1
かつてネトゲで数十人を率いた妻の「マネジメント論」 - chocontaの日記
妻から言われたことをいくつかツイッター（URLはこちら）で紹介したのですが、 予想に反してかなりの反響がありました。 そんな「妻語録」を一度まとめてみました。 2010/06/03 07:44 かつてネトゲで数十人を率いていたという妻「相手が欲していることは何で、どうやったらモチベーションを高く持ってくれるかを必死に考え抜くの。そうしたら勝手にみんなが動いてくれる。それがマネジメントだよ。やってないから帰りが遅いんじゃないの？」…代わりに会社に行ってもらえませんか？ 2010/06/04 07:46 （再掲）近所の豪邸の前で「ここの家主と僕との違いは何なんだあ！」と嘆いていたら、妻が「今まで背負って来たリスクの差じゃない？例えば受験勉強を頑張ると、落ちたら努力が無駄になるというリスクを背負うんだよね。遊んでいればリスクもないけど合格しない。そういうこと。」 2010/06/08 23:46
技術仕様 - mixi Connect
旧仕様についてはこちら イイネ！ボタンの設置（PC 向け） イイネ！ボタンを設置するには、以下の html 要素を追加します。 <div data-plugins-type="mixi-favorite" data-service-key="..."></div> <script type="text/javascript"> (function(d) { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//static.mixi.jp/js/plugins.js#lang=ja'; d.getElementsByTagName('head')[0].appendChild(s); })(document); </script> div 属性 以下の属性を指定でき
WordPressの管理画面をiPhoneなどのモバイル対応にするプラグイン -WordPress Mobile Admin
WordPress Mobile Admin [ad#ad-2] WordPress Mobile Adminの特徴 モバイルから新しい記事を投稿することができます。 モバイルで撮った写真をWordPressに投稿することができます。 モバイルから記事、ページ、タグ、カテゴリの編集ができます。 モバイルからコメントに返答することができます。 モバイルからプロフィールページを編集できます。 Gravatarをサポートしています。 多言語対応 -WordPressが対応している全ての言語をサポートしています。 [ad#ad-2] WordPress Mobile Adminのスクリーンショット iPhoneを持ってないので、WordPress日本語版でも大丈夫なのか分かりませんが、導入した際の管理画面はiPhoneで下記のように表示されるようです。 多言語対応なので、日本語も平気だと思うのです
個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎） 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
スクロール時に画像の読み込みを開始するAjax Lazyload : 4GALAXYのメモ
67 20 09 2007 スクロール時に画像の読み込みを開始するAjax Lazyload jQuery, Ajax jQueryプラグインLazyloadの解説・設置方法、画像大量表示している場合サーバー負担軽減につながります。 ブラウザ画面に表示された時に読み込みを開始するので、無駄なトラフィックを防ぐ事が出来ます。 大量に画像を表示しているホームページなんかでは有効なプラグインですね。 jquery.js - ダウンロードページ かならず必要ですのでダウンロードして下さい コード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="t
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Interactive Reading Community (Ver.6)
プログラミングに関するあまり知られていない７つの真実
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
http://design-develop.net/web/10free-magazine-style-wordpress.html&h=%E3%83%95%E3%83%AA%E3%83%BC%E3%83%9E%E3%82%AC%E3%82%B8%E3%83%B3%E9%A2%A8WordPress%E3%83%86%E3%83%BC%E3%83%9E10%E9%81%B8%E3%80%8C10+Free%20Magazine%20Style%20WordPress%E3%80%8D
Site is undergoing maintenance
