WordPressテーマハッカソンに参加してコラボレーションについて思ったこと

最近すっかりWordPressの人になってますが、普段使ってるのはもっぱらPinocoです。
さて、昨日は第23回WordBench大阪テーマ作成ハッカソンに参加してきまして、約10時間かけまったく新しいテーマを作成し、公式テーマとして申請できるレベルまで作りました。コードなどテクニック的なことは省いて、チームで分業しながらテーマ作成するときに、どんな工夫したのか紹介します。

またまたぱくたそから拝借

何を作ったか

今回、私たちのチームは”デザイナー向けポートフォリオのテーマ”を作成しました。無職透明のWEBデザイナーさんが就職活動に使えるポートフォリオになるように工夫しました。

レスポンシブデザイン（モバイル／タブレット／PC）

開発が終わったら実物が見れるURLをここに書く予定です。

コラボレーションについて

この記事では作り方よりも、チームで作るにはどうするかを振り返ります。コードは一行も出てきません。
色んなスキルのメンバーと協力して一つのプロジェクトをやり遂げるにはどうすればいいか、僕と同じように悩んだ方がいれば参考にしてください。

目次

• メンバー
• コミュニケーション
• 製作過程
• ソースコード公開
• 公式ディレクトリへの登録

WordPressプラグインの作り方をかなりリアルに説明します。

またWordPressネタで恐縮です。今回はWordPressの勉強会であるWordBench大阪でプラグイン作成のワークショップをやって来ましたので、「どうやってWordPressプラグインを作るのか？」という疑問に対してカナリ生々しくお伝えしたいと思います。

@luchino__ に作ってもらいました

みんな、WordPressプラグイン作りたいって思ったりします？

現在、WordPressでメシ食ってる皆さんに聞きたいんですよね。そもそも、プラグイン作成に興味はあるのかと。僕はPHPerなので、デザインファイル（テーマ）に機能追加とか色々書き込むのが気持ち悪すぎて（functions.phpに機能追加のコードを書くことのこと）ふざけんな！と毎回思ってるわけです。
WordPressの機能追加はプラグインに書け！とね。

でもWPってお作法が多いじゃない？だから面倒だと思ってたのよね。そんな時に、今回WordBench大阪のイベント情報が入ってきて「参加するしか無い！」と思い、実際に参加して収穫が多かったので、アウトプットしたいと思います。

※今回のブログはWP触ったことある人なら誰でもプラグイン作れるように書いたので最後まで読んでくれるとうれいいです。

[WordPress]Custom Post Type Makerプラグインを翻訳して作者に送りつける@Word Bench Osaka

こんにちは、tomotomoです。
２回連続でWordPressネタで申し訳ない。いつも参加しているWordPressの勉強会、Word Bench Osakaでプラグインを翻訳するワークショップに参加したんですが、非常に面白かったのでフィードバックします。

翻訳したWordPressプラグインはCustom Post Type Makerです。カスタム投稿タイプとカスタムタクソノミーの作成が簡単にできるプラグインです。
カスタムなんちゃらについて詳しく知りたい人はこの辺の記事を参考にしてください。

あ、最後に翻訳したファイルをダウンロードできるURL貼ってあるので、使いたい人は自由に使ってね。

翻訳全然難しくないよ！ちょっと面倒だけど。

ちなみに、WordPressの翻訳方法は他のアプリケーションにも活用できるので、CakePHPとか触っている人は覚えておけば、仕事の幅が広がります。

[Wordpress]カテゴリを拡張するPluginを作成したのでメモ的エントリー

どうも、久しぶりの更新です。
最近はもっぱらWordpress界隈を徘徊している僕です。
エイプリルフールに記事公開してますが、本当のことしか書いてないので期待した人はごめんなさい。

過去記事を読んでもらったらわかると思いますがCakePHPはそこそこできる方で、jQueryとかGoogle Analyticsなんかはカナリ好物です。
でも今流行のWordpressにはカナリ疎いです。
Wordpress覚えるために色んな勉強会に参加しています。

先日、参加したWordBar堺という勉強会で、プラグイン作成のハンズオンをやったので紹介したいと思います。
プラグイン作成に興味がある人は参考にしてみてください。

WordBar堺について 

 毎月、堺市のコミュニティカフェ パンゲアで開催される、Wordpress勉強会です。会場についたらまずビールを飲むのがお約束です。クローズドコミュニティなので参加したい人はこの人に聞いてみてください。

本題：Wordpressプラグインの作り方

前置きが長くなりましたが本題です。
プラグイン作成までの流れは以下のとおりです。

1. 課題の発見
   現在、何に困っているのか。何がしたいのかを明確にします。
2. 解決するためのコード探し
   Google検索すると解決策のコードが落ちています。なければ作るしか無い。
3. テスト
   拾ってきたコードが正しく動くかチェックします。functions.phpとかでね。
4. 実装
   プラグイン化してインストール。

今回作成したプラグインはgithubに上げているので「自己責任で」利用してもらって構いません。（ダウンロード）

[android-sdk]NinePatchを使って簡単に吹き出しを作る

先日MacBook Proを購入したのを契機にようやく本格的にAndroidアプリ開発に取りかかり始めた。Windows使ってたときも一応eclipseに開発環境入れたんだけどちょっと触って放ったらかしに…

さて、一通りチュートリアルをやってみてサッパリわからないけどヤル気が湧いてきたぞ！
まず始めに、画面上に吹き出し（バルーンメッセージ）を表示してみよう、という事をしようとしたのだがいきなりつまずいてしまいました。
一番始めにたどり着いたAndroidで簡単にバルーンを作る方法なる記事を読んでもサッパリできない…9スライス？全然できネェよ！自分の理解力のなさに愕然としながら無下に時間ばかり費やす。
嫌々英語の公式リファレンスを読みにいくと、色々わかったのでまとめます。
（念のため書いておきますが、リンク先の記事が悪かった訳ではないです）

（前提）NinePatchDrawableという機能を使う

HTML5の製作環境としてNetBeans IDEを使ってみる

JDK 7をサポートした「NetBeans IDE 7.0」が登場らしいのでとりあえず使ってみた感想をメモ。

netbeans.orgに行って、Download FREEをクリック。
すると何種類かバージョンを選べるので自分に合ったものをダウンロード。
私はJavaもCも使わないのでPHP版をダウンロード。

あとはインストーラを開いて普通にインストール。
初めから日本語をサポートしているのでEclipseをインストールするより簡単でした。

NetBeansを起動して、新規作成でHTMLを選択すると次のようなHTMLが生成されます。

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div>TODO write content</div>
    </body>
</html>

このままでも良いっちゃ良いけど、日本語で製作するならHTMLのlang属性を指定したいですね。

To change this template, choose Tools | Templates
and open the template in the editor.

ということなので、[ツール]→[テンプレート]を開いて、HTMLを複製して名前をHTML5JPとかにします。
[エディタを開く]をクリックするとテンプレートを編集できます。
（エンコーディングがどうのこうの言われましたが無視）

<html>
これを・・・
<html lang="ja-JP">

こんな感じで書いておけばOKですね。
あとは、meta descriptionとかfaviconとか必要なら追加すれば良さそうです。

PHPやJavascript開発に関してはまだ試してないのでこれからじっくり使ってみようと思います。