Githubをつかって共同開発！ サイトのデザインリニューアルしました ! 2014.02.20 | WordPress | プログラミング github どうもパープルことメガネこと大串です。この度、WP-Dサイトのリニューアルを行いましたー。今回はGithubを使ってメンバー同士でコラボレーションしながら制作を行うということをはじめてやりましたのでそのレポートです。 GitHubとは？ GitHubというWebサービスを利用しました。おそらく皆様も見たことはあると思います、すでに使ってるよーという人も多いでしょう。 GitHub（ギットハブ）はソフトウェア開発プロジェクトのための共有ウェブサービスであり、Gitバージョン管理システムを使用する。 Ruby on RailsおよびErlangで記述されており、GitHub社によって保守されている。 GitHub – Wikipedia G

WordPressにFacebookのようなSNS機能が付けられる！BuddyPressで出来ることまとめました 2013.04.17 | 覚えておきたい 今年こそはBuddyPressを日本でも流行らせたいです。 こんにちは！WPDクリアです。 プログラマー35歳定年説だ、WEBデザイナーでも出来るSSHだ、Windows Azureだ、基本WordPressと関係無いネタばっかりで 『お前本当にWordPressやってるのか』 的クリアですが、今日は語ろうじゃないか！ WordPressプラグインの中で今最もアツイ(私の中で。)SNS構築のBuddyPressについて！ そもそもBuddyPressって何？ BuddyPressとは、 『WordPressにFacebookみたいなSNS機能をつけちゃおうぜ！』 という超大がかりなプラグインです。 日本語版チームもあるんだよ 日本語の情

・・・・・・・・・・・はっ！？ 失礼しました、WP−Dクリアです。 染谷センセーの「ブログ飯」がやっとAmazonから届いてすっかり読みふけってしましました。 今回はWordPressとリアルなお見積もりの話 多くの　WEB制作会社・WEB系フリーランサーはクライアントのサイトを作ってその制作料金が自らの収益となりますね。 本来、「作業工数に見合った」お金を頂くことが当たり前のはずなのに、いざフタを開けて作業に取りかかると 「作業工数が思ったよりあって、すっかり赤字！！」 なんてことが少なくありません。 そんな訳で、 WordPress及びWEB制作時のちょっとリアルなお見積もり のお話をしたいと思います。 （まあ、偉そうなこと言って実際自分も作業工数と見合ってないことなんてよくあるんだけど） WordPress界と深い関わりのある謎のお友達を招集したよ 自分も見積もりの話もしっかりしたい

Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん） 2013.04.10 | この方法お勧めです！ | 覚えておきたい 春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか？ なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな？ さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。 私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。 でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ

ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」 2013.02.26 | この方法お勧めです！ | 考える。 | 覚えておきたい 密かに近所のスーパーで、高齢者と数少ない吹雪まんじゅうの争奪戦を繰り広げています。 もうちょっと仕入れてくれればいいのにな〜。 こんにちは。和菓子大好きグリーンです。 代理店の営業さんやディレクターやと打ち合わせしてて 「制作中に内容がコロコロ変わる」 「話を聞く度に違う事言ってる」 なんて経験ありませんか？ 「俺が侍だったらこの場でお前を切り捨ててるぜ」なんて妄想で乗り切るのもしんどいような時ないですか？ サイトの方向性やコンセプトがあいまいなまま進めるとこうなっちゃうんですよね。 Webサイトの企画・制作時におさえておくととっても便利な「5W2H」という考え方をご紹介します。 「5W2H」とはアルファベットの頭文字をと

こんばんは。非デザイナー出身のWP-D Ivoryです。 前回こんな記事を書きました。 デザイナーじゃなくてもWebディレクターになれますか？ この記事について、当ブログ内のコメントや知人から直接挙がった意見で、以下のような意見がチラホラと目につきました。 「デザイナー経験のないディレクターには説得力が無いから困る」 このような意見を出す方の多くは実体験に基づいて意見されてますので、至極もっともだと思います。 僕のような非デザイナー出身、または経験はあってもデザインに疎いディレクターのために負担を強いられたり迷惑を被ったりされたのでしょう。 実は前回の記事を公開する前からこれらの批判（≠非難）は当然出て来るものと考えてまして、ただそれについても書いてしまうと話が冗長になってしまいそうなので突っ込みどころを残したまま公開しました。まとめて書いちゃうとすぐにネタ切れしちゃうからではありませんよ

Twitter Bootstrapを使って短時間でWordPressテーマを作る。 2012.11.15 | この方法お勧めです！ どうもどうも、こんにちは。WP-Limeです。 Limeって黄緑色らしいです。色決めの時に、Facebookを見ていなかったら、空いている色が無くなっていて黄緑色になってしまったということで、いやぁ、何事もタイミングですなぁと思っている派です。 さて、持ち回りで月に１回書いている、このブログですが、 １回目の記事は、 案件の価格決めをどうしているのよ？ ２回目の記事は、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。 ３回目の記事は、 支払サイト＆入金サイトについて考える。 でした。 今までは、他の執筆者とのタイミングの関係で、Web制作以外のことを書きましたが、今回初めて制作寄りのお話です。 さて、「いやぁ、今日は打ち合わ

投稿のキャッチコピーを表示（ACFを有効化し"catchcopy"というキーでフィールドを設定してください）投稿のサブコピーを表示（ACFを有効化し"subcopy"というキーでフィールドを設定してください）…

おれはHTML5 Boilerplate(ボイラープレート)を使い始めるぞ！ジョジョーッ！！ 2012.11.20 | この方法お勧めです！ ほらみんなも！ | レスポンシブ ども、パープル・ヘイズのフィギュア買うかどうかどうしようかなあ。と悩み中のパープルです。表題でも叫ばしていただきました通り、今日はHTML5でサイトを構築していくためのベスト・プラクティスと言われているHTML5 Boilerplate(ボイラープレート)についてのお話です。知っている人は知っていますし、すでに使い初めているでしょう。というかこれを使わないと話にならないよ。ぐらいの感じかもしれません。 転換期を迎えたっぽいWEB制作環境 なにやら昨今は、インブラウザデザインや、Sassにless、フレームワークにパッケージ、レスポンシブでモバイルファーストで、プログレッシブ・エンハンスメントですから、WEBサイト構築

どうもー、ピンクです。 私はゲーマーなため、メインマシンは Mac ではなく Windows です。FPS は下手です。そんな私がコーディングする際に便利に使っているソフトを今日は紹介します。あまり有名ではないけれど便利なものを 3 つ！ Rapture Raptureの詳細情報 : Vector ソフトを探す！ 画面の一部をキャプチャし、そのまま付箋のように表示できるソフトです。「常に手前に表示」にチェックを入れておくことで、コーディング中に一部デザインだけを切り抜いて見ながら組んでいく…なんてことができます。下の画像では、最前面に Rapture が表示されていますがエディターを選択しており編集できる状態になっています。 ブラウザや Photoshop 等の画面の一部だけをエディターにかぶせるように表示させておいて組むのは、やってみると凄く便利です。Photoshop で開いたデザイン

どうも、ブルーです。秋ですね。 季節がめぐるごとに「WordPressがクラックされたので、セキュリティ対策について調べてみました」的なブログ記事がソーシャル上で出まわり、そのたびにWordPressを扱うデベロッパー層が「また無意味な対策がはてブされてる…」と嘆くのが恒例行事のようになっております。例えば… 「WordPressのバージョンを隠す」 「データベースのプレフィクスを変更する」 「サブディレクトリーにインストールする」 うん、気休め程度かな… 「2年以上放置されている怪しげなセキュリティ対策プラグインを入れる」 そっちのほうがこええよ！ 「サーバーのディレクトリー一覧の非表示」 それ見えちゃってるサーバー管理者では、何しても不安だよ！ とはいえ、そう思いつつも「これが決定版だ！」的な記事を書くのは勇気がいるものです。特にセキュリティ業界は怖いお兄さんが多…うわ何をするやめr

あなた色に染めて、ホワイトです。はじめまして。 いや、わたくしデザイナーなのかディレクターなのかはその立場も曖昧にフリーとしていろいろな案件をやったりしている者です。大した者ではありません。「その時々でどんな色にも染まるのよ、ウフッ」というわけでホワイト。そんなことはどうでもいいですね、はい。以後、お見知りおきを。 さて、何やら巷では最近「レスポンシブなんちゃら」というのがたびたび話題に出てきますね。その是非はともかく、中小規模のサイトで予算も人員もあまりかけられない、でもスマートフォン対応もしなければならない、というような時があるのではないかと。今はなくても市場に出回る端末がどんどんスマートフォンになりつつあるわけで、いずれそういう時期がくるかもしれませんからね。いろんな手法を覚えておくのは良いことです。 といったところで、WordPressをベースにしてレスポンシブなんちゃらなテーマ作

どうもどうも、こんにちは。WP-Limeです。 Limeって黄緑色らしいです。色決めの時に、Facebookを見ていなかったら、空いている色が無くなっていて黄緑色になってしまったということで、ディレクションできない派です。 さてさて、このWebサイト「WP-D」に初投稿のLimeの今日の記事は、案件の依頼があった際に、価格決めについて、皆どうしているの？とりあえずLimeはこうしていますよ、ということを記事にしてみます。 制作だの納品だの言っても、依頼が無いと始まらない議論ですしね。 どこかの偉い人は、「請負案件において、価格と納期が決まっていない仕事は、仕事ではない。」と言っていました。その通りだと思います。 請負案件での価格決め １．予算が提示されていないパターン 知り合いからの紹介や、インターネット上の問い合わせフォームから、案件が来ることがありますよね。 そういう時に明確な予算感が