WordPressのプラグインを開発しよう（初級編）
プラグインってなんだろう。 WordPressのテンプレートをカスタマイズしてるとfunctions.phpにコードを書くことがあると思います。 基本的にこのコードをプラグインフォルダに入れるだけでプラグインになります。 そのテンプレートに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるものでしたらプラグイン化すると良いと思います。 簡単なプラグイン 簡単な例を見てみましょう。 functions.php に次のようなコードがあるとします。 functions.php function show_text() { echo 'おはようございます。'; } これはテンプレートファイルに「<?php show_text(); ?>」と書くと「おはようございます。」と表示するだけのコードです。 これをプラグイン化してみます。 プラグインは「wp-co
PHPフレームワークLaravelやってみた
Composerのインストール Composerはライブラリを便利に管理してくるやつです。 Laravelを動かすのに必要なので入っていなかったら下記URLからダウンロードして入れておきましょう。 Composer Windowsならインストーラーがありますので、ぽちぽちするだけで簡単にインストールできます。 ComposerからLaravelのインストール Composerをダウンロードしたら、コマンドプロンプト（ターミナル）で「cd」コマンドで適当なディレクトリに移動して、 composer create-project laravel/laravel TestProject --prefer-dist Laravelのプロジェクトが作成されますので、「cd TestProject」で移動したら下記でライブラリのアップデートをします。 composer update 設定ファイルの編集
3Dゲームが簡単に作れるUnityちょっとやってみた[1]
Windows環境でインストールができない問題 Windows8の場合インストール時Microsoftアカウントと紐づけしている場合インストールが失敗する場合があります。 原因は「C:\Users」の現在のユーザーのフォルダ名が日本語になっているからです。この場合、新規ユーザーでローマ字で作成してください。 新規プロジェクトの作成 無事インストールしてUnityを立ち上げたら「File」->「New Project…」で新規プロジェクトを作成します。 「Create New Project」タブの「Project Location:」で適当なパスを選択して「Create」ボタンを押します。 まっさらな画面が表示されました。 オブジェクトの作成 ゲームとして成り立たせるには、キャラクターだったり、アイテムだったり、テキストだったりなんらかの表示するオブジェクトが必要ですね。 Unityではす
![3Dゲームが簡単に作れるUnityちょっとやってみた[1]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2276fb302d6c2683110209e881e2de21dd94e762/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2013%2F07%2Funity-logo.png){kind=tracking}
PHPでOAuth認証して自分のつぶやきを表示する [Twitter API 1.1 対応版]
「Name」は独自のものにする必要があります。 「Website」は設置するサイトに変更してください。 「Callback URL」はユーザーに認証させる場合は必要ですが、今回は自分のツイートを表示するだけなので必要ないです。 「Yes, I agree」にチェックして「Create your Twitter application」ボタンをクリックします。 「Consumer key」と「Consumer secret」をメモして、「Create my access token」をクリックします。 画面が遷移して Your access token という欄が増えますので「Access token」「Access token secret」をメモしておきます。 PHPで自分のつぶやきを表示 認証にはライブラリを使用すると簡単です、今回は「abraham/twitteroauth」というの
![PHPでOAuth認証して自分のつぶやきを表示する [Twitter API 1.1 対応版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9386c0f588e54781b4641b9822dfb0c9eb6214e8/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2012%2F12%2F1220s.png){kind=tracking}
[Twitter API 1.1]PHPで色々な条件でツイートを取得する
アプリケーション登録 Twitter API を利用するにはアプリケーションの登録が必要です。 やり方は下記ページを参考に登録してください。 PHPでOAuth認証して自分のつぶやきを表示する [Twitter API 1.1 対応版] 認証ライブラリのダウンロード 認証にはライブラリを使用すると簡単ですので下記URLからダウンロードしましょう。 abraham/twitteroauth 使用するのは「twitteroauth」フォルダの「OAuth.php」「twitteroauth.php」ですので、フォルダごと自分のプロジェクトフォルダにコピーしておきます。 自分のツイート(タイムライン)を表示する 自分のツイートの取得は先ほど紹介したました過去記事そのままですね。 php <?php require_once("twitteroauth/twitteroauth.php"); $c
jQueryでTwitterの自分のつぶやきを表示する
※2012.10.11現在Twitter API変更によりこの方法は使用できなくなりました。 新API（var1）に対応した方法は下記をご覧ください。 2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策 まずは読み込むべきデータの確認をしてみましょう。 下記のURIで自分のタイムラインの情報を見ることができます。[USERNAME]には自分のアカウント名に置き換えてください。 http://twitter.com/statuses/user_timeline/[USERNAME].json データはjsonの他にもxml、rssなど取得できます、最後のjsonの拡張子を変えるだけでそれぞれのフォーマットで取得できます。 今回は処理が速いといわれるjson形式で取得してみます。 他にもフォロアーのタイムラインやリストなども取得できますが、
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
Posted: 2010.10.24 / Category: javascript / Tag: jQuery ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準備 はじめにボタンと
jQueryのanimateで自由にアニメーションできるようになろう
Posted: 2011.12.27 / Category: javascript / Tag: jQuery, アニメーション jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。 動かす前の準備 jQueryの前に動かす要素をhtml&cssで作成しておきましょう。 html <div id="box"></div> css #box { width: 100px; height: 100px; background: #3399FF; } jQueryコードを書くときの基本的な形は次のようになります。 javascript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webOpixel