※何度投稿しようとしてもBad Requestが出てしまったのでgistで投稿します。ご了承下さい。 gist.github.com

こんにちは、okutani(@okutani_t)です。本記事では、以前作った「NPHPMailer」というライブラリをComposer化したので、それを例にしてComposer管理の自作ライブラリの作り方を解説しています。 NPHPMailerは以下の記事で解説しています。NPHPMailerは、ただのPHPMailerのラッパークラスです。

一人Web担教習所 突如一人でWeb担当を勤めることになった。けれど制作予算も広告予算もない。そんなご担当者へ愛をこめて。ninoyaブログ編集部が、日々の業務で培った集客の知見をお届けします。 本連載ではこれまで、SEOとWeb広告、SNSの3つの切り口から集客する方法について見てきました。下の記事で解説したように、Web集客の方法は4つありましたね。 今回のテーマは、その4つ目の方法であるキュレーションアプリです。キュレーションアプリの基本から、各キュレーションアプリの記事掲載アルゴリズムについて解説しています。オウンドメディアやブログなどの運用に役立てていただければと思います。 大幅な流入アップが見込めるキュレーションアプリ キュレーションアプリとは？ 皆さんはキュレーションアプリを使っていますでしょうか？キュレーションアプリとは、ネット上のニュースを選別して表示してくれるアプリのこ

Photo by dotConferences こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方で、「JavaScriptを使えるようになりたい！」という方は多いと思います。 JavaScriptは実行環境が主にWebブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられます。（JavaScript - Wikipedia） Webサービスの作成・運用をする機会がある方には必要不可欠なJavaScriptですが、これから勉強を始める方の中には「プログラミング経験ゼロなんだけど、一体どうやって勉強したらいいの……？」と思っている方も多くいらっしゃるのではないでしょうか。中には「エンジニアではないんだけど、仕事でJavaScriptを触る機会があるから覚えたい！」という方や、「初心者だけど、なるべくコス

ここ3ヵ月ほどプライベートで Laravel 5.2 を使ってみています。 この度、バックエンドを Laravel、フロントエンドを React で Web アプリを組んでみようかと思い立ち、初めて React を導入してみました。 『下準備が面倒かもな...』とか思ってたんですが、Laravel Elixir のおかげで爆速で React を導入することができました。 ※ この記事は React 導入記事ではありますが、React 入門記事ではありません。React で "Hello, world!" を表示するところまでの内容です。 Laravel Elixir Laravel には Laravel Elixir と呼ばれる gulp.js タスク群が標準で付属しています。 Laravel で構築しているプロジェクトならば、Sass や CoffeeScript のコンパイルのために別

POSTD は、ニジボックスが運営する、エンジニアに向けたキュレーションメディアです。ニジボックスはWebサービスの企画、制作、開発、運用を一貫して担うリクルートの100%子会社です。 リクルートグループのオンラインサービスをはじめ、様々な業種・業界・業態のサービス開発を行っております。

Posted: 2011.08.18 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_cate

新卒エンジニア向け：Macにインストールすべきアプリ達2014年新卒エンジニア向けに、最初から知っておくと便利になるであろうアプリなどを紹介する機会があったので、ついでにブログ記事としてまとめておく。Boxenとかもあるけど、正直手軽さにかける印象なので、普通にHomeBrewと手作業。 下記で説明しているHomeBrew Caskを使えば、ほぼ一発で必要なアプリケーションが手に入るのでオススメ。 正直、iOS/Androidエンジニア向けのものは、あんまりない…。すまそん。 前提 Mac OSX 10.9〜（多少、古くても出来ると思うけど） Webエンジニア（PHPメイン）／iOS,Androidエンジニア対象 なにがなんでも最初に入れるべきアプリ Xcode HomeBrew HomeBrewを通じてインストールすべきもの Brew Cask zsh vim jq | JSONパーサー

ところでですが、MySQL,PostgreSQL,oracleなどのDBMSは、これまで一通り触ってきました。ですので、初歩的な予備知識はあると思っています。が、私個人的にWordPressに関しては、「WordPressを構成してるデータベース（DB）の理解」をしないと、うまく扱えない。前に進めないな、と感じています。 当たり前かもしれないですけども・・・ WordPressのDBに関する理解私の現状の理解は、 WordPressはDBMSとしてMySQLを採用していて、インストール時に決めたDBに、WordPressを構成するテーブルを作成するcodexのサンプルコードを参考に、ちょっとだけDBの値を引っ張ってくる程度ってくらいです。 あ、あとWordPressインストール時に作られるテーブル名も、前回調べました。（昔PostgreSQLで構築する方法もあるのはどこかで見たけど、そこは

2015 - 02 - 01 display:flexにしたら、子要素の幅が何かおかしなことになった CSS3 CSS3のフレキシブ ルボックス が一昔前の「display:box」だったので最新仕様の「display: flex 」に変えたら、えらい崩れてしまいました。 そもそも仕様は今どうなってるの？ floatを使ったカラムレイアウトに代わる、大変便利なプロパティ「フレキシブ ルボックス 」ですが、仕様がころころ変わったことでも有名ですね。 いま現在、仕様がどうなっているのか、わかりやすい記事がありました。 flexboxの旧仕様、改定仕様、現行仕様の一覧 « LINE Engineers' Blog 要は、「display: flex 」を使って実装するのが良さそうなのですが、単に「display:box」を「display: flex 」に変えるだけだと、 子要素、つまり F

こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。

html,body { height: 100%; margin: 0; } .flex { display: flex; height: 100%; } .flex-child { border: solid 1px gray; background: blue; } .flex-grandchildren { background: red; height: 100%; } <div class="flex" > <div class="flex-child"> <div class="flex-grandchildren"> height:100%が効かない </div> </div> <div class="flex-child"> <div class="flex-grandchildren"> height:100%が効かない </div> </div> </div>

一言まとめ ちょっとした工夫でposition : fixed;でも、以下のことが可能。 position : fixed;を設定した要素が、画面からはみ出てもスクロールできる 背景 (body) のスクロールを止める ちょっとしたモーダルウィンド(Modal Window)とか、別レイヤーで画面いっぱいに表示する場面って多々あると思います。 別レイヤーで、画面の縦横いっぱいに表示する時に使う手法は2つしかないです。 position : absolute; position : fixed; fixedのほうが多用されているように思いますが、表示するコンテンツのサイズが大きい時にabsoluteを使う人も多いでしょう。おなじみの「LightBox」でもabsolute使っていますよね？ absoluteを使う利点はあまりないと思いますが、十中八九、 「コンテンツが大きくて画面に収まらない

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */ :placeholder-shown { color: red; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: red; } /* Firefox 18- */ :-moz-placeholder { color: red; opacity: 1; } /* Firefox 19+ */ ::-moz-placeholder { color: red; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color: red; } ::-webkit-inp

WordPressのサイト構築で、簡単な機能はプラグインを使わずfunctions.phpに直接書いて実装することがが多くなりました。中でもカスタムフィールドが設定できると自由度が高くなりますね。独自のカスタムフィールドを設定するソースはよく紹介されてますが、ここでは流れや意味など理解を深めながら説明したいと思います。 設定の概要 アクションを設定する 管理画面に入力フィールドを追加する カスタムフィールドの入力内容を保存する 全体のコード カスタムフィールドの値を表示する まとめ 設定の概要 次の条件でカスタムフィールドを作成することとします。 カスタムフィールドの名前　　　　　　：天気 カスタムフィールドのID　　　　　　　：weather カスタムフィールドを挿入する編集画面：投稿（post） カスタムフィールドの種類　　　　　　：テキストフィールド アクションを設定する まず管理画

それぞれの文書のアウトライン（その見出しとセクションの構造）が関係する限りにおいて、次の2つの断片は、セマンティックに等価である： <body> <h1>Let's call it a draw(ing surface)</h1> <h2>Diving in</h2> <h2>Simple shapes</h2> <h2>Canvas coordinates</h2> <h3>Canvas coordinates diagram</h3> <h2>Paths</h2> </body> <body> <h1>Let's call it a draw(ing surface)</h1> <section> <h1>Diving in</h1> </section> <section> <h1>Simple shapes</h1> </section> <section> <h1>Canvas