1分でできる Google Web Fonts を使って CSS3 の Web Font を使おう
Web Fonts を使えばパソコンにインストールされていないフォントを表示させることができます。見出しなどに特殊なフォントが使ってある際に、わざわざ画像で用意したりする手間を省くことができます。私のサイトでもロゴに使用しています。 実際に試すことで勉強になりますので、一緒に勉強してみましょう。 Web Fonts を導入する HTML ファイルの作成 まず導入するための HTML ファイルを作ります。 <html> <head> <title>Weble</title> <style type="text/css"> .logo { font-size: 72px; } </style> </head> <body> <p class="logo">WEBLE</p> </body> </html> ブラウザで表示すると以下のようになります。 Google Web Fonts を使う G
Google で Google Apps を含めた複数のアカウントを簡単に切り替えられる公式のマルチログインがとても便利です
仕事用に取った Google アカウント、プライベートで使っている Google アカウント、Google Apps で作った独自ドメインの Gmail がある場合、今まではログインし直したり、複数のブラウザで別々にログインしていたと思いますが、公式のマルチログインを使えば、ひとつのブラウザで簡単に複数アカウントを切り替えられます。 設定方法について 複数の Google アカウントでログインにアクセスしてマルチログインを有効にします。 あとはヘッダーから、メールアドレスをクリックして、下にある別のアカウントでログインをすれば、マルチログインに対応しているサービスで、瞬時に切り替えられるようになります。 2011年9月2日現在、iPad からログインしても Gmail 上にはバーがありませんのでアカウントの切り替えができませんでした。一度 Google のホームに移動してからアカウントを切
新感覚のサービス Tumblr を初めて使ってみて良さが分かった気がするのでまとめました | ウェブル
Tumblr Tumblr というのをご存知でしょうか。新しい感覚のサービスなんですが、今までなかなか使うことがありませんでしたが、今回いろいろありまして Tumblr を始めることになりました。 Tumblr ってそもそも何 画像やテキスト、動画、Web上の記事などを引用できる“オンラインのスクラップブック”と考えると、理解しやすいです。 Tumblrってなに？ビギナーのための基礎知識や始め方・使い方 – はてなブックマークニュース 引用ができるのがミソなのかなと思います。自分が必要だと思った部分だけを集めて楽しめるというか。自分のための空間がそこにあるというイメージでしょうか。使い方は人それぞれだと思いますが、今のところこのような解釈をしています。良かったらコメントでいろいろ教えてください。 Tumblr のリブログって何 誰かがPostしたものをそのまま，自分のTumblelogにP
WordPress で jQuery などの外部ファイルを読み込む wp_enqueue_script()
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
WordPress で新着記事を表示する方法
WordPress での新着記事を表示する定石です。 単純に新着記事を一覧にするコード このまま貼りつければその場所に新着記事を表示できます。 <?php query_posts( Array( 'post_type' => 'post', 'orderby' => 'date', 'order' => 'DESC' ) ); if (have_posts()) : while (have_posts()) : the_post(); ?> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br> <?php endwhile; endif; wp_reset_query(); ?> query_posts() でクエリを発行してループを回す。終わったら wp_reset_query() で発行したクエリをリセット、
WordPress と OAuth 認証を使って会員向け Web サービスを作る
WordPress で主に Twitter の OAuth を使ったり、データベースに会員情報を持っておく方法を紹介します。すべて説明していると返って分かりにくくなりますので、ポイントを押さえて説明していきますので読んでみてください。今回メインで参考にさせて頂いた記事は以下です。 PHPでTwitter APIのOAuthを使う方法まとめ – 頭ん中 WordPress のデータベースにメンバーテーブルを作成 id を WordPress 側で使い、user_id は Twitter の user_id です。user_name は Twitter での screen_name です。access_token_key と access_token_secret を保存しておけばサイト側からツイートなどを行うこともできます。 CREATE TABLE IF NOT EXISTS `wp_me
10分で作る Twitter に定期ツイートする PHP スクリプト
Twitter で定期ツイートする Web サービスがあると思ったら意外になくて驚きましたので PHP で簡単に作ってみました。設置方法を紹介します。ちなみにこのスクリプトは即興で作ったサンプルですので、みなさん個人個人で組んでみましょう。 今回の記事で作ったサンプルはダウンロードして勉強用にお使いください。 regularTweets ダウンロード Twitter に定期ツイートするスクリプトの仕様 共用サーバーなどの cron の実行間隔に制限のあるサーバーを想定 cron でスクリプト起動した時間から10分過去までのものをツイート 一度ツイートしたものは再度ツイートされないようにタスク管理 全体の構成 index.php tweets.yaml logs.yaml PEAR spyc index.php 実際に定期ツイートをするスクリプトを書きます。 1 2 3 4 5 6 7 8
2011年3月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
今月私が目を通した記事の中から、他の人にも読んでほしい、見て欲しいと思った記事を簡単に分類して一覧にさせて頂きました。自分で情報を探してくるのが苦手な方はこちらをすべて読めばかなり勉強になるのではないでしょうか。 Web サービス・プログラマー制作者向け より良いPHPerにならないための20Tips さくらのVPS 設定ガイドリンク集 厳選140 ＼(初心者歓迎)／:浜村拓夫の世界 Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌 mixi Engineers’ Blog » Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について 404 Blog Not Found:これで最低限! – 書評 – 体系的に学ぶ 安全なWebアプリケーションの作り方 PayPal 基礎知識ゼロから始める、個人利用・
社会で生きていく上での悩みを無くすための10個の考え方 | ウェブル
私の大好きな電球みたいな人が、自分の考え方をブログに書いて結構反響もらってたみたいなので私も少し悩みをなくすための考え方をみんなに紹介しておきます。かなり世捨て人チックに生きてるので普通の人はびっくりかも。 私はあんまり人と関わるのが好きじゃなくて、できれば一人でいたいおとなしい性格なので、同じような性格の人には役に立つ記事になるかもしれませんが、普通の人は微妙かもしれないです。 人を信用しない 誰かに依存して生きていると、その人の発言や行動によって自分の心が動いてしまいます。その人がいなければ何もできなくなってしまうのはとても辛いことですから、可能であれば自分ひとりだけで生きていく強い心を持って見たいところですね。 会社を信用しない お金を得るために会社に属している人が多いと思いますが、会社の内部の変化などに怯えて生活をしていませんか。 会社はいつ潰れるかも分かりませんし、いつ組織改変が
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
Google AJAX Feed API を使って Twitpic の画像ギャラリーを非同期で作る
<script type="text/javascript" src="http://www.google.com/jsapi?key=APIKEY"></script> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://twitpic.com/photos/hoge/feed.rss"); feed.setNumEntries(8); feed.load(function(result) { if (!result.error) { var container = document.getElementById("twitpicThumbnail"); container.innerHTML = '<h2>Photos</h2><ul>'; for (va
PHP で凄く簡単に GET/POST 送信ができる関数を作りました | ウェブル
以前こちらの URL で GET/POST を簡単にできるコードを書きましたが、問題があるとのことで多くの指摘を頂きました。zaru さんに正しいコードを書いて頂きましたので下記の記事をご覧ください。 PHP で凄く簡単に GET/POST 送信ができる関数を勝手に改良した | zaru blog 下記にコードを引用させて頂きます。いくらか稼働させた所 curl の方が安定していることが分かりましたので、こちらを引用させて頂きます。curl がインストールできない環境等では zaru さんの記事の別のコードを使用してください。 function wbsRequest2($method, $url, $params = array()) { $data = http_build_query($params); if($method == 'GET') { $url = ($data != '
WordPress でカスタム投稿タイプの RSS を配信する方法
WordPress のカスタム投稿タイプでは RSS が配信されておりません。そのため、以下のコードを functions.php に書いて RSS を配信できるようにします。 function custom_post_rss_set($query) { if(is_feed()) { $query->set('post_type', Array( 'post', 'custom-type', 'custom-type2' ) ); return $query; } } add_filter('pre_get_posts', 'custom_post_rss_set'); このコードの変更点は Array() の中の custom-type のところですね。自分の WordPress に news と item というカスタム投稿タイプを作っている時の例は以下になります。
賢い Web 制作者になるために勉強したことは Evernote ではなくブログに書くと良い理由を書いたよ | ウェブル
コリスさんとかネタ帳さんとかかちびとさんみたいな凄いブログを見てると、ブログは見てもらうことに価値があるなんて勘違いして、私も最近よくはてブされるようになったのもあり勘違いして釣りみたいな記事書いてすみませんでした。今日からはもう自分オリジナルのこういうゴミを大量生産していきたいと思います。もう二度とちゃんとブログ書きません。 そして、ブログは見てもらうためじゃなく、自分のためにもあります。賢い Web 制作者になるためにはブログを書くことが一番だと思っています。といっても私も Web 制作者になって2年ですが、ブログを書くことで賢くなれると信じているので記念に書いてみました。 ブログで公開するために一旦情報を整理することができる ブログに書こうとすると情報の整理が必要です。情報の整理をすることで、頭に入りやすくなります。大抵ブログが書き終わると頭に情報がインデックスされます。 ブログで公
Flickr API を使って画像を検索して取得する高性能な PHP のライブラリ書いておいたよ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 <?php class Flickr { const FLICKR_API_URL = 'http://api.flickr.com/services/rest/?'; /** * Flicker から写真を検索して IMG タグを返す関数 * * @param array $
2011年2月のこれだけ読めば分かる SEO 情報まとめ | ウェブル
これだけ読めば分かるシリーズの SEO 情報です。この SEO 情報は1月20〜本日までのまとめです。人気になった記事ではなく、必要な情報を全てまとめていますので、2011年2月あまり勉強出来なかった人は必読をおすすめします。 スパムコンテンツの検出アルゴリズムが強化されました 以下のようなコンテンツの検出が強化されたようです。 自動ツールで生成した文章や自作自演のブログコメント スパムにありがちな言葉が繰り返されているコンテンツ 他のサイトをコピーしたりオリジナルコンテンツに乏しかったりするサイト オンページとかオフページというのがあるそうです。 “オンページ”のコンテンツというのは、単語や文など、ページに書かれているコンテンツのことです。 ちなみに、オンページ SEO とオフページ SEO ってのもあって、オンページ SEO っていうのは内部対策のこと、オフページ SEO っていうのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress のブログサイトでパンくずリストを表示するコード
WordPress 初心者にも分かるデフォルトテーマ twentyten の functions.php を解体して学ぶ基本設定編
WordPress のページの中の画像のパスを自動的にテーマディレクトリまでのパスに置き換える方法
jQuery でマウスで持って自由に移動できるフローティングボックスを実装する方法