ドットインストール代表のライフハックブログ
(追記) 2/16 23時 いくつかのライブラリを追記しました。 WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ。 本家pearには560程のモジュールがあります(2011/2月現在)が、WEBサービスを作る上でよく使う物をまとめてみました。 これからPHPを使ってサービスを作ろうと思っている方は代替を使うことになると思うので参考にしてみて下さい。 php はインストール時点で既に多くの機能が備わっており、大体のことができてしまいますが、PEARを使うことで面倒なことがより簡単にできるようになります。 PEAR以外にも便利なライブラリはあるのですが、今回はあえて殆どをPEARサイトで公開されている物に絞ってご紹介します。 基本的なパッケージ まず、汎用に使える便利なパッケージのご紹介です。 HTTP_Request2 url を渡してリモートのテキストを取って
css3の情報がかなり増えてきたので 一旦まとめておきます。基本的にはIE が非対応なので、実用はまだまだこれ からという印象でしたが、iPhoneやiPad の普及や、IEにも対応させることが可能 なライブラリの出現でかなり実用性が 上がったように思います。 そういうわけで、ブックマークしておいたcss3関連の情報をまとめて整理してみることにしました。重複した情報は出来る限り削いだつもりです。 ※jQueryなどのJavascriptや、HTML5と組み合わせたTips等の情報は出来る限り割愛しました。 リファレンス / 専門サイトまずは基本と教科書になりそうなサイトを抑える W3C / 公式です。セレクタ一覧CSS3リファレンス / 日本語のリファレンスサイトWebkit CSS Properties / Webkit対応プロパティの一覧。iOSも有りCSS Infos / css1~
Stop Sign / MikeWu 私はブログでアフィリエイトを積極的にしない派です。とはいっても、ブログでアフィリエイトをすること自体は否定していません。ただし、ブログを始めてすぐにアフィリエイト広告を掲載することに対しては「ちょっと待った!」と言いたいです。 まずは信用の蓄積から アフィリエイトは「今すでにファンが付いていて、ある程度のアクセスがあるブログ」に導入するものです。新しくブログを立ち上げて、一記事目からアフィ入り記事を書いているブログは、見向きもされないでしょう。 初めて会ったお客様に、いきなり仕事に関する話しや商品に関する話しをしても、なかなかきちんと聞こうとはしてくれません。 なぜ、こうなるのかというと、お客様は「営業マンから売りつけられたくない」と思っているからです。 via: なぜか挨拶だけで売れてしまう営業法 優秀な営業マンはいきなり商談を始めません。まずは御用
もうとうに昔のことでほとんどの人は忘れてしまったかと思われますが、堀井雄二を知らない人のための堀井雄二入門をようやく書きます。まあ、堀井雄二っつうかドラゴンクエスト(以下ドラクエ)にまつわるアレコレについて自分なりの考えだったり、自分が刺激を受けた見解を紹介していくわけなんですけどね。結構長くなると思いますが、お付き合いの程を一つよろしく。 ゲームにおけるテキストライターとしての堀井雄二 まずは、ゲームにおけるテキストライターとしての堀井雄二の仕事ぶりについて考えていこう。ゲーム作家としての堀井雄二が語られる際、もっとも語られることが多いのが、堀井雄二自身の手によるテキストである。事実、ネット上にも面白い評論、考察文が数多くある。まずはこのコラムを紹介しよう。 ブーバ/キキ/ギラ/ホイミ 神は細部に宿り給う このコラムでは、ドラクエの代表的魔法、ホイミが回復魔法っぽくてギラが攻撃魔法っぽく
お金を借りると言う事は、負債を背負っていると言う事をまず念頭においてください。カードローンは普通に仕事をしてる人であれば、基本的に誰でも組めるものとなってます。誰でも簡単に契約できる為に、ちょっと今月厳しいから利用してみようかな。などと言う簡単な気持ちで利用するのがまず始まりです。 そして、最初は利用を躊躇してたのに、一度使ってしまうと「こんなに簡単にお金を手にする事が出来るんだ」と感じるようになり、お金を借りる事に段々と抵抗が無くなって来ます。きちんと返済を滞らせずに行ってれば、段々と限度額も増えていき、何年も使ってるうちに、かなりの限度額になるのでは無いでしょうか。そうなった時に、借りてる本人は感覚が麻痺してきて、自分の銀行口座に入ってるお金だと勘違いしてしまうような、そんな錯覚に陥る日が必ずやってきます。そうなるのが実は一番危険なのです。 カードローンと言うのは、間違いなく借金なのに
1:以下、名無しにかわりましてVIPがお送りします:2011/02/16(水) 02:10:21.31ID:z6I6uQu10 大学のサークルでもめ事がありまして簡単に言うと3角関係なんだけど それがきっかけで当事者の一人がサークルも辞めて大学も辞めちゃったんだよね。 結局そのまま音信不通でまったく連絡がとれなかったんだが 最近その辞めたやつが3角関係のもう一人の当事者に手紙だの、無言電話だのを かけてるみたいで相談されたんだが、その手紙の中身が暗号っていうか? 変な数字の羅列なんだよね。 相談されたから自分でも同じものメモって調べてみたんだけど 謎なのでなんとなくVIPで相談してみます。 暗号はメモごと張ります。 3:以下、名無しにかわりましてVIPがお送りします:2011/02/16(水) 02:11:04.49ID:XOCLJcNL0 三角関係って何? 7:以下、名無しにかわりまして
CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツールは一切不要です。 例えば、1個の要素を見てみましょう。 HTML では <div> にclassをふって中身は<p>のみだけというのに、これだけのデザインが実現します。 当然、要素を回転させることも出来ますが綺麗に描画できています。 なんとも夢のような話ですが、CSS3対応の Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ という大体の
なにこれ理解できない! 本当に水が流れる、エッシャーのだまし絵「滝」実写化作品(動画あり)2011.02.16 20:0042,681 ああっ、これは一体どういうことなの! 私の中の常識が崩れ去っていく... この絵、見たことがある人も多いと思います。画家のマウリッツ・エッシャー作「滝」。だまし絵って、見れば見るほど引き込まれるものがありますよね。 動画ではこのだまし絵を実際に立体化し、さらにちゃんと水まで流してるんです。まさかこれは永久機関なの!? そんなまさか! 水は上から下に流れるって習ったのに! この動画を見た人たちからは、 !!???見れば見るほど分からんあー、アレだ。プラズマだ。うん。たまになるよねなどの驚きの声はもちろんのこと、気になる点・水を流し始めてすぐ、画面奥側をちらっと確認する ・水の流れが一定ではないため、板に歪みか傾きがある ・繋がっているはずの柱と側板の影の付き
こんにちはこんにちは!! さいきんめっきりフェイスブック漬けのはまちやですこんにちはー! ところでfacebookでは最近「アカBAN祭り」というものが行われているらしくって、 実名かどうか疑わしい人を対象に、 次々と予告なくアカウントが停止されていってるようなのです>< あの「ホームページを作る人のネタ帳」の人や、 はてなでおなじみの id:kanose さんまでもが停止されたとか…! → (参考) Facebook、春の垢BAN祭りが始まったよ! そんなこんなで、ぼくも本日早朝いよいよアカウント停止されちゃいました! でも、わりとあっさりと復活できたので、 その手順をメモしておきますね! なにかの参考になれば…! 1. アカウントが停止されたら ログインしようとするとこんな画面になります…>< 2. facebookのフォームから申請しよう! → Facebook「僕と契約して、実名に
インストール不要で軽快に動作し、しかも起動に必要なのはこの本体の1ファイルのみ、しかしながら画面の回転やフルスクリーン再生、FLV形式のファイルをクリックすれば自動的に起動するように関連づけする機能などを備えているのがこの「FLV Player nano」です。Windows 2000/XP/Vista/7で動作します。 その名の通り、Flash形式の動画ファイルで「.flv」という拡張子になっているFLV形式のムービーファイルの再生に特化しており、ドラッグ&ドロップによる再生やフルスクリーン再生時のスクリーンセーバー起動自動抑止、マウスホイールによるウインドウサイズの変更、好きな場所にすぐに移動できるシークバーなど、割と優秀な機能も備えています。 ダウンロードと使い方は以下から。 FLV Player for Windows - World's smallest (17kb) - Fre
2017年6月30日 便利ツール 以前「ChromeからFirefoxに戻した6つのくだらない理由」という記事を書いてから約8ヶ月。久しぶりにChromeをいじってみると、エクステンションの数も増え、いろいろと進化しているようです。「Firefoxにあるこの機能がChromeであれば移行するのに…」と思っていた事がだいぶ解消されたので再びChromeに復帰しました!そこでFirefoxに入れていたアドオンと、Chromeで使用し始めたエクステンションを紹介します。Firefox派の人も、Chrome派の人も、移行検討中の人も、ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! Firefoxアドオンに代わるChromeエクステンション 私のようにもともとFirefoxユーザーの場合、一番のネックは便利なアドオン。それに代わるエクステンションがないと移行の決意はできません
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
今日 WordCamp Fukuoka 2011 のイベントにて発表された WordPress 日本公式キャラクターを Ustream やブログ、Twitter などですでにご覧になった方もいるかもしれませんが、改めてご紹介します。 デザインしていただいたのは、オープンソース IDE の NetBeans キャラクター「ねこび〜ん」などの作品を手がけてこられたカネウチカズコさん。カネウチさんのデザインの完成度とかわいさはもちろん、オープンソースプロジェクトやライセンスなどへの理解があり、今後もキャラクターの成長を見守ってくださるデザイナーさんということで、お願いさせていただきました。 WordPress 創始者のマットの「もしテーマやプラグインにキャラクターを含めたりする場合にも問題がないよう GPL ライセンスを選択してほしい」という依頼により、キャラクターは WordPress と同じ
以下の記事を読んで。なぜ、Facebookだけが、キャズムを楽々と超えるのだろうか?:In the looop:ITmedia オルタナティブ・ブログ 記事内でもあるように、「キャズム理論の前提とソーシャル・テクノロジーは根本的に違う」とされつつも、あえて無理矢理当てはめてるのが面白かった。けど、パッと読んだ印象では少々違和感を感じてしまいました。要点は以下だと読めました。・Facebookがキャズム越えしたのは実名性だから。・実名性のハードルが高いのは日本だけではない。・ソーシャルの覇者Facebookは今後ますます強大になっていく。 それなのに、日本のみんなは実名性に拘ってていいの?世界から取り残されちゃうよ?って話なんだろうなと。 3点目は、まあどうでもいいです。そうかもしれないし、そうじゃないかもしれない。 ただ、ネットの実名でFacebookを始めた私からすると、実名性については
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング
昨年末にAppleがデベロッパー向けに公開したiAd Producerは、その名の通り、iAdのコンテンツを作成するツール。iAdの広告料はかなりの金額だそうで、大企業や広告代理店ならいざしらず、一般人には関係ないですよね。 ところが、このiAd Producerが作成するコンテンツはHTML5、CSS3、JavaScriptとして出力される。ってことは、UIWebViewに仕込めばネイティブ・アプリとして動くんじゃない?と思って試したことろ、ちゃんと動きました。しかも、UIWebViewをInterface Builderで貼付けてアウトレットに繋いで、3行ほどコードを書くだけ。 NSString *filepath = [[NSBundle mainBundle] pathForResource:@”AdUnit/index” ofType:@”html”]; NSURL *fileu
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 (jQuery Mobileなどを利用した開発方法は置いといて) HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード(フルスクリーンモード)」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる!ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです( ̄▽ ̄;) 今回は、僕が知ってる大きな2つの注意点を
なにかと世間を騒がせているクーポンサイト『グルーポン』。いろいろと問題視されているものの、通常価格よりもかなり安く料理やサービスが購入できるため、人気クーポンはすぐに売切れてしまうという大盛況ぶりです。 そんな『グルーポン』で、新たに問題が発生したようです。『グルーポン』で1000円の商品を500円で販売していた飲食店『たいやき鯛勝』が、クーポンの取り扱いをいきなり中止したのです。この店のスタッフは、「グルーポンを継続することは当店の宣伝、リピーターの獲得どころか、存続さえ危ぶまれる状態に陥ってしまう」と苦悩を語っています。以下は、『たいやき鯛勝』が公式サイトに掲載したクーポン中止の告知文です。 <グルーポンのクーポンに関してのお知らせ>2011年02月15日(火) 12時46分 誠に申し訳ありませんが、本日をもちましてグルーポンから発行されたクーポンは、使用を中止させて頂くことになりまし
Google Book DownloaderはGoogleブック検索から書籍をダウンロードするソフトウェア。 Google Book DownloaderはMac OSX用のフリーウェア(ソースコードは公開されている)。日本では今ひとつ利用者の声が聞こえてこないGoogleブック検索ではあるが、日本の書籍もずいぶん増えてきている。ジャンルに偏りはあるが、技術系が多いように見える。 実行中 そして徐々にGoogleブック内で書籍を閲覧できるものも増えている。海外書籍に比べると公開範囲が狭い気もするが、試し読みするだけならば十分なページ数が公開されている。そんな電子書籍をダウンロードできるソフトウェアがGoogle Book Downloaderだ。 Google Book DownloaderはMac OSX用のソフトウェアで、同様のソフトウェアはWindowsにもある(こちらは開発が停止し
ググレカスみたいな歴史上の人物ネタAA下さい! Tweet 1:以下、名無しにかわりましてVIPがお送りします:2011/02/19(土) 21:26:38.78 ID:EGspp+SA0 お願いします! 3:以下、名無しにかわりましてVIPがお送りします:2011/02/19(土) 21:27:57.40 ID:NRR7yPlF0 -ー=-‐ 、__ , r '" ヽ, l ' , / 三ニ=ー-'`=ニiiiiiiiiiiil / ニ'" `ヾiiiiiiii| / ニ' 'liiiiii| ,l |,r=-;.,_ _,、-=-、|iiiiil l .il .,rェェ、_" :;"ェェ j |iiiiiil | . i| ,, :; ,, iiiiiiil ,| il,
"Instagram"、楽しんでいますか? 実は私、あまり"Instagram"に写真をアップしてません…見るのは楽しくってホーム画面にあるんですが、アップする写真を考えすぎてしまってなかなか出来ないでいたんです。でもそれではせっかくの面白さも半減してしまう!というわけで、どこかに出かけた記録的な写真も"Instagram"にアップしていこうと方向転換。ぜひ「like!」お願いします! 今日はPCで"Instagram"が便利になるウェブサービスをご紹介。使いこなせばさらに面白さが増すはず! instagramをブラウザで見る! Instagram popular photos Instagram popular photos まずはビューワーサービスを2つ。"Instagram popular photos"はトップページでpopularの写真が表示されています。最初はpopularを見
憶測で物を語るのが3度の飯より好きな、ネットの実名「もとまか」です。でも辛子明太子の方が好きです。 さて、先日Facebookについて以下の記事を書きました。 Facebookが楽々と世界で普及していった本当の理由 この記事にはたくさんの方からTwitterで反応を頂きました。ありがとうございますm(_ _)mFacebookのこと書いてるのにTwitterからってのがインターネットは相変わらず面白いなぁと思いました。 でも、実は私にはまだモヤモヤした感が残ってたんです。それが、以下のこと。 そうです、あのFacebookに関するGoogleトレンドの結果。この記事のGoogleトレンドへの言及部分は、本来筋から言えば外しても構わなかったんですが、この図に気がついてしまって、その意味するところが理解出来ず、どうしても気になったので入れてみたわけでした。 決して別記事にするのが面倒くさかった
動画サイトからムービーをダウンロードできるフリーソフト「Freemake Video Downloader」がさらにパワーアップ、メニューや設定がすべて日本語化され、ニコニコ動画・MTV.com・MTV Music.com・Myvideo.de・Hulu.com・Vevo.comへ対応、Vimeo・Megavideo・FacebookからのHDビデオダウンロード、DailymotionからのHQビデオダウンロード、さらには完全にストリーミング化されてキャッシュにも残らずダウンロードもできないRTMPベースのYouTubeにも対応、ダウンロード速度は以前の4倍になり、iPod/iPhone/Android/PSPへの変換機能や音声のみ抽出する機能を搭載し、以前にGIGAZINEでレビューしたときよりもさらに強化されました。 というわけで、ダウンロードとインストール、使い方は以下から。 フリー
マウスをクリックしてテーブルを跳び移っていきましょう。例によってボタンを押す長さで飛距離が変わります。 滞空中に画面をクリックするとその場で降下できますが、時間がかかるので使いすぎには要注意。 後ろから魔女が追っかけてくるので慎重すぎるのも禁物!? 魔女に××られる瞬間に画面をクリックすると緊急回避ができますが、ソウルジェムが濁ります。 ひたすら距離を競ってレッツチャレンジ! 魔法少女まどか☆マギカ第3話の某シーンをミニゲームとしてアレンジしてみました。 ほむらの能力についてはまだ言及されていないため、ぼやかしてあります。 本来は爆弾でドッカンドッカンするところですが、そこはバージョンアップでなんとかするかもしれません。 緊急回避後の爆破という形でver1.10から導入しました。 作った人 → @munegon、@tutty0
2011-08-13追記 最近のvim pluginの管理にはvundleがおすすめ。 http://vim-users.jp/2011/04/hack215/ .vimrcなどのdotfiles自体の管理には以下の方法が有用だと思います。 この記事でできるようになること - Windows, Linux環境間, または家, 会社間などでvim設定の共有が可能になります。 - 転職や,新しいPCを買ったときなどのvim環境設定があっという間に終わります。 (vim installは含まなければ5分程度?) この記事の主題は - pathogen.vim - githubとgit(git submodule) です。 - pathogen.vimの機能によって、.vim以下を綺麗にする - githubとgit submoduleを使って置いておくことで.vim以下をweb上で管理する の二
大げさなタイトルになってしまった。大した方法ではない。暗記が苦手な僕は新TOEIC(R)テスト900点 新TOEFL(R)テスト100点への王道を参考に以下のような暗記システムを組み上げた。(ITのシステムてはないので注意) ポイント 昔ながらの英単語暗記カードを使う 「完全に覚えた」単語とそうでないものを分ける 「完全に覚えた」単語を復習するタイミングを表紙に書く 詳細 入力。究極の英単語 Standard Vocabulary List [上級の3000語] Vol.3を開き4ページの中から知らない単語を抜き出す。 入力。暗記カードに意味とスペルを書く。 すべて書き終わったところでカードをめくりながら「完全に覚えた」「覚えていない or 覚えたが自信がない」に分類し。すべて覚えるまでめくり続ける。 上の作業の間は語呂合わせや頭にイメージを浮かべるなどの方法で愚直に覚える。 上で書いた暗
MySQLやPHPのパフォーマンスを向上させる方法のメモ。 色々な設定があるとは思いますが、ここでは個人的に効果を顕著に感じたMySQLのクエリキャッシュとAPCについて書いています。 本当はPHPやらMySQLそれぞれでベンチ取った方が良いとは思うのですが、この記事では、WordPressを設置して、そのインデックスページに対するApacheBenchのRequests per second(一秒間に処理されたリクエスト数)のみを見て、その結果で比較しています。 ※ApacheBenchはローカルではなく外部のサーバからという微妙な環境で、リクエスト数100、同時リクエスト数10、試行回数はそれぞれ1回という微妙な値でやってます。 まずは、全く未設定な状態での、Requests per second。 実行したコマンドは以下。 ab -n 100 -c 10 テストしたいURI Requ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く