スマホ関連のリモートホストのまとめ:phpspot開発日誌
スマホ関連のリモートホストを調査する事があったのでシェアです。 Wifiからのアクセスもかなりを占めるので、ホスト名でスマホかどうかを判別するという用途には使えませんが、3Gであるか、そうでないかを調べて、回線が遅い場合には軽量になるようページを出し分けるといった用途に使えます。 iPhone softbankの場合 *.panda-world.ne.jp auの場合 *.au-net.ne.jp Android docomoの場合 *.spmode.ne.jp softbankの場合 *.openmobile.ne.jp auの場合 *.au-net.ne.jp e-mobileの場合 *.pool.e-mobile.ne.jp 最近はXiや4Gな端末もありますので、単純に、回線が遅いかどうかという部分は分けられませんが、スピードが速いほどアクセスは増える傾向にあるので出し分けてもよいか
node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入力するとちょうどテキストにフィットするようにtextareaのサイズが変わります。最初からあまり大きくしたくないけどスクロールさせたり利便性を損なうのは嫌、という場合に使えます。 この手のプラグインは過去にも紹介しましたが、jqueryプラグインなので、必要プラグインを読み込んだら、$('textarea').autosize(); のように初期化しちゃえば使えちゃうというのもいいですね jQue
Apple.comの新スライダーエフェクトを実装するjQueryプラグイン:phpspot開発日誌
like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動きを見てみてください 今回紹介するプラグインのデモ ほぼ同じ動きですね。 なんというかappleってこういう細部にもこだわっていてその動き方とかにもセンスを感じるっていうところは本当にさすがだなぁと思いますね。 関連エントリ jQueryベースの画像スライダー３０まとめ 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 divを並べた後、たった１行でオシャレなス
PHPでの画像処理が楽々かつコードも綺麗に書けるPHP5.3用以降用ライブラリ「Imagine」:phpspot開発日誌
Welcome to Imagine’s documentation! ? Imagine, image manipulations reloaded PHPでの画像処理が楽々かつコードも綺麗に書けるPHP5.3用以降用ライブラリ「Imagine」 クラスはネームスペースで分けられて作られており、PHP5.3以降で利用可能。 サムネイル作成や切り取り、図形描画などのよく使われる処理をオブジェクト指向できれいに、あとで見ても分かりやすい状態でコードが書けます。 コード例は次のような感じで、メソッドチェーンを利用して直感的なコードが実現できているのがわかります。 こうしたものでネームスペースを使ったものって無かったので、ネームスペースちゃんとやりたい方にはよさそうですね。 関連エントリ 画像の縮小やトリミングに便利なPHPクラスライブラリ「Zebra_Image」 TwitterやFacebo
Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」:phpspot開発日誌
h5ai larsjung.de Apacheのディレクトリインデックスをありえない位かっこ良くできる「h5ai」 HTML5の機能を使って、通常の味気ないディレクトリインデックスをかなりかっこ良くしちゃうというものです。 ディレクトリ一覧。アイコンなんかもついてかなりリッチ mod_headersとmod_autoindexというApacheモジュールを応用して作られているようですが、こんなことが出来るとは知りませんでした。 表示方法もアイコンベースに変更することも可能です。これはイカしていますね。 サイドの丸みを帯びた物体にカーソルをあわせるとニュイーンと伸びてツリービューが表示。これまた便利です。 動作デモはこちら デザインは基本的にHTML+CSSなので、あなた好みにカスタマイズすることも可能。 Apacheの味気ないデザインページは嫌だ！というデザイナーさんは覚えておくとよさそう
PHPでWEBサイトのスクリーンショットを作成するチュートリアル:phpspot開発日誌
Taking screenshots of websites in PHP PHPでWEBサイトのスクリーンショットを作成するチュートリアルが紹介されています。 スクリーンショットの撮影には wkhtmltopdf というオープンソースソフトウェアを利用します。 このソフト自体がMac OS XやWindows、Linuxで動作するコマンドラインツールとなっているようなのでクロスプラットフォームで動作します。 このツールを使えば、「wkhtmltoimage --quality 50 //phpspot.org/blog/ snap.jpg」のようにコマンドを打つことでスナップショットが撮れます。 コマンドラインオプションが多数あるのでPHPerじゃない方も覚えておいて損はなさそうです。 例えば、 JavaScriptをオフにした状態でスクリーンショットを撮ったり、高さや幅の指定、切抜きの
ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ:phpspot開発日誌
65 Best Websites To Download Free High Quality Adobe Photoshop Brushes ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ。 60種類ものPhotoshopブラシのダウンロードサイトがまとまっており、まよったらこのエントリを見れば好きなシェイプは手に入るかもしれませんね。 ありすぎるという方は探しやすそうなサイトだけメモっておけばよさそうです。 関連エントリ 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット ペンキをぶちまけたようなクールなPhotoshopブラシ色々 バレンタイン特集なんかに使えそうなPhotoshopブラシ集
知っとくと便利なPHPのテクニック９つ:phpspot開発日誌
9 Useful PHP Functions and Features You Need to Know | Nettuts 知っとくと便利なPHPのテクニック９つが掲載されていました。 初心者の方は勿論、PHPを長年使ってる人にも使えるテクニックが載っていましたので勉強がてらにメモ。 func_get_args() 関数で可変引数 を受け取る 通常、関数といえば、次のように引数と共に定義します。 function hoge($arg1, $arg2) { } のように定義して引数を受け取りますが、好きな個数で引数を受け取りたい場合は、次のようにfunc_get_argsで受け取れます。 function hoge() { $args = func_get_args(); foreach ($args as $key=>$value) { echo "arg{$key} is $value
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」:phpspot開発日誌
Edit images directly in your CMS. Now as a plugin for Joomla 1.5. - Picture Editor, GD, PHP, Open Source, GPL WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」が公開されています。 そのまま使ってもいいですし、CMSなんかの組み込み用に使ってもよさそう。Joomlaのプラグイン形式でも公開されています。 指定サイズにそのままリサイズする機能 左右に９０度回転する機能 範囲を選択して切り抜く機能 明るさとコントラストを調節する機能 デモを使ってみると結構便利でしたので試してみましょう。 関連エントリ オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」 オープンソースGoogleAnalytic
便利なCSS3ツール6つ＋α:phpspot開発日誌
Six Useful CSS3 Tools | Tools 便利な６つのCSS3ツールがまとまったエントリを＋αでご紹介。 まだ覚えていないプロパティなんかもWYSIWYGやジェネレート等で簡単に理解＆覚えることが可能です。 CSS3 Button Maker CSS3なボタンメーカー。角丸やシャドウの指定が可能 CSS3 Generator CSS3を使ったスタイル効果をブラウザ上で簡単ジェネレート CSS3 Please! クロスブラウザ向けのradiusやshadow等を一括生成 CSS3 Gradient Generator CSS3のグラデーション生成ツール CSS3 Transforms WYSIWYGでCSS3のtransformプロパティを生成可能 CSS3 Selectors Test ブラウザのCSS3対応状況が分かるツール CSS3 Click Chart by Im
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w
ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０:phpspot開発日誌
30 Only Blue - Web Layout Photoshop Tutorials | Web Design Soul ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０。 次のような美しいブルーなレイアウト作成のチュートリアルが公開されています。 ブルーの与える安心感が信頼性を高めてくれそうです。 ブルーと言っても色々な作り方があるものですね。 関連エントリ 用途別に色々と使えるWEBレイアウトのPhotoshopテンプレート集 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」:phpspot開発日誌
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」 2010年05月24日- Autotabindex Example 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」。 例えば、携帯番号を入力する場合など、一定の文字数以上になった場合に、TABキーを押すなどせずとも、次のフィールドにカーソルを合わせることができます。 TABキーを知らないライトユーザーな方々はマウスでいちいち移動していたりもしますが、このプラグインでユーザビリティを上げられそうです。 JavaScript で１から実装するとなると、少し面倒な上に、要素ごとにonkeydownを入れたりしてコードが汚くなったりしますが、jQueryプラグインなので１行で次のように初期化できます。 $(document).ready(fun
ハイクオリティでフリーなXHTMLテンプレート61:phpspot開発日誌
61 High Quality And Free xHTML Templates Part 2: Year 2010 | Graphic and Web Design Blog ハイクオリティでフリーなXHTMLテンプレート61がまとまったエントリのご紹介です。 これがフリー？というような物が多く、簡単なサイトならば誰でも美麗なウェブサイトを構築出来そうです。 沢山あるので、作りたいサイトのイメージに合うデザインが見つかりそうですね。 関連エントリ フリーな(X)HTML/CSSなテンプレート集のまとめ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーのCSSデザインテンプレート集「Free Css Templates」 フリーのWEBデザインテンプレート集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル:phpspot開発日誌
GitHubを自前で持てるRails製オープンソースソフトウェア「GitLab」:phpspot開発日誌