WordPressとDropBoxを連携するプラグイン集9つ:phpspot開発日誌
9 Dropbox Plugins for WordPress WordPressとDropBoxを連携するプラグイン集9つ dropboxをCDNにして転送量を下げたり、エントリの画像アップに使ったり、バックアップに使ったりと色々と便利なプラグインがあるみたいです。 ブログエントリはある意味で資産なので、こうした形でお手軽にバックアップできるのは嬉しい限り。 APIを公開することでこうしたツールがどんどん生まれていくので、サービス提供する側としてはAPIはやっぱりあったほうがいいなぁという印象です Dropbox CDN DropboxをCDNとして使うことができるテーマ。CSSやJSをDropboxのCDNに任せることができるので、転送量低減に役立ちます。 Dropbox自体がAmazonのS3らしいので信頼性も問題なさそうです PressBox Dropboxにアップロードした画像を
phpMyAdminクローラーの恐怖:phpspot開発日誌
サーバを立てているとログに怪しいアクセスが出るのは日常的なことですが、とあるサーバにphpMyAdminクローラーの恐怖のログが残っていたのでシェアします。 Apacheのログを見ていたら下記のようなログを見つけました。 /path/to/www/ は apache のDocumentRoot です。 phpMyAdminを使っている方で、レンタルサーバ等を使っている場合、public_html 以下等に設置しているかと思いますが、クローラーは片っ端から存在しそうなパスを総当りしてきます。 URLが存在すれば200ステータスで検知してそこにphpMyAdminがあるみたいなことが分かってしまいます。(phpMyAdminだけ狙っているようでもなさそうですが) 仮に、MySQLのパスワードを設定していない人がいた場合はrootでDBを消されたり、データを盗まれたりする危険性があったのでシェア
QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌
jquery.qrcode - jquery plugin for a pure browser qrcode generation QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」。 通常QRコードというとサーバ側で画像にして画像を送信するというのが一般的ですが、このプラグインはブラウザ上で描画するタイプです。 <div id="qrcode"></div> というマークアップがあったとして、次のようにすることでQRコードを埋め込みます。 jquery('#qrcode').qrcode("this plugin is great"); カメラ等で読み取れば、「this plugin is great」がテキストとして読み取れます。 canvasを使っているので、canvas対応ブラウザでしか動作しない点に注意。 関連エントリ リンクにカーソルを合わせる
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
WordPressに様々なスタイルのページャ機能を付与できるプラグイン「WP Paging」:phpspot開発日誌
WP Paging - Page numbers / navigation plugin for Wordpress - Good SEO for themes | www.devdevote.com WordPressに様々なスタイルのページャ機能を付与できるプラグイン「WP Paging」。 次のように、様々なスタイルのページャを付与できるみたい。 管理画面もなかなか充実していて管理も簡単そうです。 関連エントリ WordPressプラグイン作成用コードテンプレート ゼロからWordPressプラグインを作成するためのチュートリアル WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々
ロゴデザインやタイポグラフィの見本や資料まとめ集:phpspot開発日誌
最近発見した、ロゴデザインやタイポグラフィの見本や資料まとめを色々と集めました。 ロゴデザイン 16 Logo Design Processes Of Top Logo Designers | Pixelactic １６種類ロゴデザインの作成プロセスまとめ 45 Creative Logo Designs For Inspiration | Pro Blog Design ロゴデザインいろいろ４５＋ 20 Very Clever Logo Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver 様々なクリエイティブなロゴまとめ Super Creative Design Logos. クリエイティブなロゴデザイン集の紹介エントリ 110 Fresh
これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック:phpspot開発日誌
Sexy Music Album Overlays Komodo Media これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なＣＳＳテクニック３０選 本の目次部分のようなリストをCSSでデザインするテクニック
PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラリまとめ:phpspot開発日誌
PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラリまとめ 2009年07月30日- PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラリを過去に紹介したものを含め、まとめてみました。 PHPから別フォーマットを生成・読み出し等を扱う場合に使えると思います。 MS Office系 MS Office形式のファイルもPHPから読み書きが出来てしまいます。 PHPからWordやPowerPointのファイルを作る方法 PHPからWord、Excel、PowerPointのドキュメントを生成するサンプル PHPでDOCファイルをPDFファイルに変換する方法 PHPでWordのdocファイルやPDFをテキストとして読み取る方法 PHPでExcel2007のファイルを扱えるクラスライブラリ「PHPExcel」 PHPEx
会社や学校等ローカルにも使える高性能Twitterクローン「Laconica」レビュー:phpspot開発日誌
Twitterクローンは色々とあるようですが、Laconicaという多言語対応（日本語対応）＆テーマ切り替え対応といった高機能なクローンが存在します。 開発も活発のようで、以前よりも相当進化している様子。 会社や学校等のローカルに使えそうで、外部への書き込み禁止というところでもTwitterを使いたい方は注目です。 インストールと機能レビュー、日本語化について紹介します。 Laconica インストール インストール手順についてご紹介。非常に簡単にインストール可能です。 0) パッケージダウンロード 7月15日にリリースされた、0.8.0 バージョンをダウンロードしてみます。 1) ダウンロードパッケージを解凍 2) データベース作成 phpmyadminなどで「laconica」等の名前でデータベースを作成しておきます sql だと 「create database laconica;」
最近公開されたPHP関連の各種テクニックや記事集:phpspot開発日誌
最近公開されたPHP関連の各種テクニックや記事集をご紹介。 開発に役立てられるＴＩＰＳが満載になっております。 Making Life Better With The SPL Autoloader | BrandonSavage.net spl_autoload_registerで独自autoloaderを作成する 3 Ways to Speed up Your Site with PHP - Nettuts+ PHPを使ってサイトのパフォーマンスをあげる３つの方法。CSS結合、ホワイトスペース除去、キャッシュ Online File Storage with PHP - Nettuts+ PHPでオンラインストレージ作成のチュートリアル In the Woods - Working with Sessions and Cookies in PHP and MYSQL PHPとMySQLで
jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ＆ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」:phpspot開発日誌
Juitter | jQuery Plugin to put Twitter live on your website サイトにリアルタイム更新＆検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 次のようなウィジェットをjQueryプラグインによって簡単設置されます。 Twitterの発言は、ダイナミックに更新されたものからアニメーションされつつ追加されるところがナイスです。 検索機能も付いているのがよくて、そのまま、画面遷移なしに検索が可能です。 関連エントリ 「フォローしてね」を表すTwitterアイコン集 Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」 Twitterで使われているフォント「Pico」
マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」:phpspot開発日誌
JQuery File Upload Plugin Script - Demo - Uploadify マルチファイルのアップロードを可能にするクールなjQueryプラグイン「uploadify」。 「BROWSE」ボタンを押すと、ファイル選択ダイアログが立ち上がり、次のようにファイルが追加されていきます。 Upload Files を押下すれば、アップロードがリアルタイムで開始されます。 実装コードなのですが、次のようにシンプルで分かりやすいものになっています。 <body> <input type="file" name="fileInput" id="fileInput" /> <script type="text/javascript"> $(document).ready(function() { $('#fileInput').fileUpload ({ 'uploader'
JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」:phpspot開発日誌
jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert したりすることも出来ます。 例えば、以下のコードを見てみましょう。 <a href="#" onClick="$.getJSON('handler.php', { handler: 'json', callback: 'getarray' }, function(json) { alert(json.a)})">Test 1</a> .getJSON メソッドの第一引数に、キックするPHPのソースコードを指定、第二引数に、返り値をjsonで受け取る指定と、callback として、PHPの関数
何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン:phpspot開発日誌
Better Password Inputs, iPhone Style | CSS-Tricks 何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン。 サイトのpasswordフィールドに入力すると、●●●といった感じで何を入力したか分からないまま文字入力が進んでいいます。 iPhone では、入力した最後の文字については分かるようなインタフェースになっていますね。 これと似たような仕組みを通常のWEBサイトでも実現出来るようにしたjQueryプラグインです。 passwordフィールドに入力をすると、右側に大きく、アルファベットがアニメーション表示されます。 デモページを開く 使い方は以下のように簡単。 $('#user-password-2').dPassword(); このプラグインで、非常に簡単にユーザビリティをあげることが出来そうです
CSSで年表が作れるコード「Pure CSS Timeline」:phpspot開発日誌
Pure CSS Timeline ? Notebook | MattBango.com CSSで年表が作れるコード「Pure CSS Timeline」。 次のような、角丸でAppleっぽい(?)年表が作れるみたいです。 HTMLマークアップは以下のように, div と ul で組むみたいです。 <div class="timeline"> <ul class="events"> <li style="width: 42.48%; left: 57.2%;">Design & Typography <em>(2007 - 2009)</em></li> <li style="width: 56.68%; left: 43%;">Photography <em>(2006 - 2009)</em></li> <li style="width: 71.3%; left: 28.4%;
JavaScriptのみで画像ツールで作った風のフォントを描画できるjQueryプラグイン「FontEffect」:phpspot開発日誌
JavaScriptのみで画像ツールで作った風のフォントを描画できるjQueryプラグイン「FontEffect」 2009年07月07日- FontEffect jQuery plugin JavaScriptのみで画像ツールで作った風のフォントを描画できるjQueryプラグイン「FontEffect」 ontEffect プラグインを使って、次のようなフォントを描画することが出来ます。画像ではないところが驚き。 実装の容易さについても注目で、次のように、FontEffect メソッドにオプションを渡すだけです。 $('#example24').FontEffect({ outline:true, // 枠線 outlineColor1:"#00c", // 枠線色１ outlineColor2:"#00c", // 枠線色２ outlineWeight:1, // 枠線幅 sha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubを自前で持てるRails製オープンソースソフトウェア「GitLab」:phpspot開発日誌