BracketsのEmmetをカスタマイズしてより使いやすくする
WEB制作に特化したテキストエディタのBracketsではEmmetを拡張機能から簡単にインストールして利用できますが、まだ隠された機能があるのでそれを有効にすることと もっと使いやすいようにカスタマイズする事でより使いやすくなります。
BracketsでSASSを快適に利用できるようにする 拡張機能+コンパイラ
WEB制作向けに特化したテキストエディタのBracketsでSASSを快適に使うための拡張機能とコンパイラの紹介。Bracketsの場合はSCSSでは、入力補完機能がデフォルトで使えたりしますがSASSでは少し不便だったりしますので、それを拡張機能でカバー出来ます。
jQuery等のライブラリを簡単に取り込んで使えるようにするBracketsのプラグイン(拡張機能)
今回は、Bracketsでよく使うjQuery等のライブラリを必要時に簡単に呼び出したり、ファイルに含めたり出来るプラグインを紹介。
PHPからmb_send_mail()でメールを送信する
PHPを使って、メールを送信する方法です。PHPでメールを送る事が出来ると、例えばブログの更新に合わせてメールで通知する事が出来る、他にはコメントの返信があった場合にメールで通知する事が出来る。送る相手によって名前部分や本文部分が変わるようなメールの場合も便利ですね。
郵便番号を入力すると住所をリアルタイムで補完してくれるjQueryプラグイン「jquery.jpostal.js」
入力フォームでよく見かける、郵便番号を入力すると自動的に郵便番号から住所を割り出して保管してくれるあれです、郵便番号を入力するとリアルタイムに表示してくれるようになっています。また、こちらのプラグインはCDNで配信されているので、郵便番号の変化とかあったらプラグイン側で更新があればそれが使われるので最新の状態を保つことが出来る。
WordPress 4.2 から絵文字を無効に(元に戻す)プラグイン「Disable Emojis」
Wordpress 4.2 から導入されたマルチバイト文字対応と絵文字の対応。マルチバイト文字に関しては、いいのですが絵文字に対応ということで記号等の文字が画像になってしまいます。対象の範囲は投稿のタイトルや本文のみに限らずサイト全体に及ぶので、三角などの記号を使っていると勝手に置き換わってしまいますのでテーマ中でデザインの一部として使ってたりすると見た目が変わってしまうこともあるので、それを回避するプラグイン
PHPで単一ページに簡単なログイン処理を導入する
PHPで単一のページで、他のページへ移動することがないようなケースでログイン認証をデータベースを使わずに実装する簡単な方法です。例えば、自分しか見ることが出来ないような管理画面や情報があるページにログイン認証を掛けます。
jQueryで入力フォームなどのニックネーム(名前)等をブラウザに記憶させる
jQueryを使って、入力フォームなどで ニックネーム(名前)等の情報をブラウザに記憶させる方法です。例えばブログのコメント入力欄に名前、メールアドレス、webサイト、本文といった形で入力フォームが存在した場合に、毎回名前を入力したり、メールアドレスやwebサイトを入力する手間を減らす補助としてそういった箇所の入力フォームの情報をブラウザに記憶させてやると便利です。
PHPで現在アクセスしているページのドメイン・URLを返す
PHPで現在アクセしているPHPファイルが、どのドメインからアクセスされているのかPHPで取得する方法。PHPで内部リンクのURLを絶対パスにする場合などに使うと便利です。
Chromeでページ全体をキャプチャーするスクリーンショットアプリ
Chromeの拡張機能で、表示中のページの全てをキャプチャーする拡張機能の紹介です。ページを画像として保存する場合や画面中に収まっていないところも取り入れたい時に便利です。
PHPのヒアドキュメント内で変数を使う・出力する
PHPでの出力には echo、print を使って行いますが。これらは基本的に1行の出力となります 複数行のHTMLを出力したいときには いくつも echo や print と書かないといけないので手間です。そんな時に便利なのがヒアドキュメントという書き方です、こちらを使えば エリア内は複数行にわたって内容を記入する事が可能です。
javascriptでPHPのhtmlspecialchars_decode をする
ajax等で受け取ったjson等に含まれる値に htmlspecialchars_encode したものがある場合に、javascript側でdecodeして表示したい場合の方法。javascriptにはPHPのhtmlspecialchars_decodeにあたるものが無いようで、自分で文字を置き換えてやる必要があるみたいですが。その部分をやってくれる関数が公開されているのでそちらを使うと便利。
jQueryでinputやtextareaに入力された値を取得する
jQueryを使ってフォームなどに有るinputやtextareaの中身を取得する方法です。例えば、入力された値を即座に取得してリアルタイムに絞り込み機能を実装したり コメント欄等のエリアでcookieやlocalstorageに値を記憶させて次回から自動で名前等の値を挿入するなどに使える。
jQueryでのinputのcheckboxのステータスの確認と変更を行う
jQueryを使ったinput要素でtypeがcheckboxでそのチェックボックスがチェックされているのか、されていないのかを確認する方法と,チェックの状態を変更する方法です。他の要素からcheckboxの値を操作も行えて例えば、全てのチェックボックスをチェックするなどの動作の実装などに利用出来る。
WordPressのRSSの配信内容に情報を追加する方法
WordpressのデフォルトのRSSの本文の前後に付け加える方法です。投稿者の情報やSNS等の情報、又は関連記事の情報をプラスして表示する事が出来るようになります。場合によっては広告の掲載も
jQueryからajaxでPHPへPOSTして実行する
jQueryを使った、HTML(javascript)からPHPを実行し結果を返す方法です。jQueryでは簡単にPHPへ引数を渡してPHPを実行する事が出来ます。どんな事が出来るようになるかと言うとページ移動をせずに検索結果や絞り込みの表示やコメントの投稿を行うと自動でコメント部分だけ最新の状態に更新したり出来る。
jQueryを使って任意の要素をクリックした時にフォームを送信(投稿・submit)する
HTMLの
MySQL timestampでデフォルトの値をINSERTされた時間にする
MySQLでdata型の一つであるtimestamp型を使って、デフォルトの値をINSERTされてレコードが作られた時間にする。INSERT時の時間が自動的に値として入ることで、PHPやプログラム側で日時等の時間を取得せずとも行えるので手間が省ける。
あらゆる動画や音楽などの埋め込み対応したjQueryプラグイン jquery-oembed-all
YOUTUBEやDailymotion、Vimeoなどの動画サイトの埋め込みや、flickerやtwitpicなどの画像の埋め込み、SoundCloudなどのオーディオの埋め込み、その他Wordpressやamazon、Wikipediaなどの埋め込みにも幅広く対応したjQueryプラグインです。
PHP GDを使って画像を連結、合成し生成する
最近のバージョンのPHPにはデフォルトでGDというモジュールが入っており、それを使って画像の縮小、生成、連結、合成等の事が行えます。今回はデフォルトで入っているGDを使って、複数の画像を連結して一枚の画像にする方法を行っています。
