PHPerなら知っておいて損はない10の関数こんにちは。小川です。 本日は数あるPHPの関数の中でも、わりと知られてそうで実は知らない人もいるかもしれない便利な関数をご紹介します。 ■nl2br 改行コードを<br />に変換する関数です。 <?php $string = <<<EOS foo bar baz EOS; echo nl2br($string);
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
伝授しましょう。あなたのショートムービーの完成度がグっと良くなる22の秘訣
伝授しましょう。あなたのショートムービーの完成度がグっと良くなる22の秘訣2010.09.25 15:00 junjun 9月の大型連休最後の週末。 この週末を利用してショートフィルムにトライしてみようなんて思っている人にオススメな、これさえ心得ておけば、なんとなくイイ感じの映像が撮れちゃうっていうWally woodの22のテクニックをご紹介したいと思います。 １）フレーム一杯の顔の大写し ２）パーツの超アップ ３）後頭部の一部と、後頭部越しの顔のアップ ４）背景無しの横顔 ５）陰影 前景が暗くなる ６）何もオブジェクトが無いシーンで始まり、車が横切り、また何もないシーン。 ７）全体的に黒 ８）大きなオブジェクトを１つ（手、銃、電話など） ９）オブジェクトの全身のみのショット １０）リバース シルエット 黒か陰影 １１）小さな人影 １２）奥行き １３）ダウンショットと影 １４）L字型のシ
写真撮影時の「照明配置」の仕方を共有できるサイト「Strobox」*二十歳街道まっしぐら
まず「Strobox」にアクセスしましょう。 「View Gallery」から投稿された写真を見ることができます。 上部にフィルタがありますので、写真の絞り込みが可能。 たとえば、こちらの写真。 左側に実際の写真、右側に照明配置の図が載っています。 こういう風な照明配置で写真を撮ると、こう撮れましたというのが分かりますね。 閲覧だけじゃなく、写真のアップロードもできます。（写真のアップロードは無料登録が必要。） アップロードするファイルは2種類。実際の写真と照明配置図です。 また、EXIFデータなど詳細情報も書き込めます。 （※アップロード時にエラーがでてもリロードすると正常にアップロードされてます） 照明配置図なんてどうやって書けばいいのさ！て人のために、専用のiPhoneアプリ（無料）があります。 「iPhone App」よりダウンロードしましょう。 似たサイトで、Online Lig
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA