はてなブックマーク

（第〇弾なのかわからなくなってしまったが……）久々のおさらいシリーズ。 最近、仕事で単発のメールフォームを作ったのだが、メール送信周りの処理をスクラッチしたところ、受信するメーラーによって文字化けしたり、迷惑メール化しちゃったりと結構色々大変だったので、そのノウハウをまとめておこうかと思った次第。 まぁ、基本的に送信時のメールヘッダを「これでもか！」ってぐらい念入りに設定してあげるのがトラブル起こさない秘訣である。横着して簡素なメールヘッダにすると、たいていどこかでトラブルが起きるんだよね（苦笑） PHPで日本語メールを送るならmb_send_mail()関数を使う 日本語などのマルチバイト文字列が件名や本文に含まれるメールを送信する場合は、mb_send_mail()関数を使うのが安心である。この関数はmail()のラッパーで、実体であるmail()関数がメール送信処理を行う前に件名や本

ここ1年半ほど私がお世話しているWEBサービスの一つに、MySQLとPostgreSQLの二つを同時利用しているハイブリッドなものがあって、定常的にMySQLとPostgreSQLを交互に行ったり来たりしながら保守する仕事をやっている。そんな中で、DB関連のコマンドやクエリを発行する時に、しばしば「MySQLだとわかるんだけど、PostgreSQLだと何だっけ？」と云うシーンに出くわすことがあって、自分用のチートシートとして各DBMSのコマンドとクエリを対応させた一覧を作ってみた次第。 DB接続／基礎編 DBに接続する時のコマンドや、DBコンソールでの基礎的なコマンドなど。まぁ、この辺はそらんじているところも多いのだが、何事も基礎は重要なので列挙しておく。 コマンドライン用コマンド 用途 MySQL PostgreSQL

WEBサービスの保守や開発をやっていると、JavaScriptやスタイルシート、画像などの静的リソースを更新した際、しばしば「確認したけど、更新されてないよ」とか云われて、「ブラウザのキャッシュを消してからもう一度見てみてください」みたいなやり取りが発生することがある。これが、サービス内部のメンバー間のやり取りであれば（非効率ではあるものの）まだ許せるが、サービスを提供している顧客側に更新内容が反映されない事態が発生してしまうと、それは障害と同義だ。 そんなわけで、WEBページにおける静的リソースの読み込みには開発時に注意を払う必要がある。確実な対処方法としては、静的リソースの読み込み時にリソースパスに動的パラメータを付与して、ブラウザにキャッシュされないようにすることだ。 下記のように、フロントエンドだけで対応することもできる。

先ごろWordPressのプラグイン関連の問い合わせで、データベースのとあるテーブルについてデータの持ち方の縦横を変換したいという要望をもらい、テーブル構造の縦横変換をやってみた。 ちなみに縦型にデータを持っているテーブル構造を横型の持ち方へ変換することを「ピボット（Pivot）」、その逆を「Unpivot（アンピボット）」と云う。MS OfficeのExcelでクロス集計を行う時などに使う「ピボットテーブル」を利用した事がある人には理解しやすいと思う。 テーブルのピボット検索（縦→横への変換） 実例として、下記のような縦型にデータを持っているテーブル（テーブル名：vtable）がある。 ID form_id entry_id field_id value

久々のおさらいシリーズ。 JavaScriptにはオブジェクトや配列などの引数に与えた変数（値）が「空」かどうかを判定する関数がない。つまり、PHPで云うところの empty() や、Railsで云うところの blank? といったビルトインメソッドがないのだ。 ある変数について値が空かどうかという条件式は結構多用するので、ないならば作ってしまおう、ということでPHPの empty() 的な関数を自作してみた（実際のソースは後述）。その際、JavaScriptでの様々な「型」における「空」の判定について調査して、色々と気づいたことも多かったので、この記事にまとめてみた次第。 JavaScriptにおける「型」別の「空」について まず、JavaScriptにおいて変数が「空」であるという定義にはブレがある、というか一意な解釈がないという方が正しいのかもしれない。それが「空」を判定するようなビ

サービス・リニューアルの際のデータ移行とか、運用・保守フェーズなんかで、コマンドラインからデータベースの中身を調べてたりする時、しばしばSELECT句やWHERE句のカラムやテーブル指定を動的に行いたい！…というシーンに出くわす。 アプリケーション側の開発であれば、使用しているプログラム言語のメソッドを使ったり、OSのシェルコマンド使ったりしてSQLを動的に生成すれば対応するのは造作もないんだが、恒久的には発生しない一時的なデータ調査作業でそんな処理を書くのは非効率的で面倒でもある。 もうコンソールでDBにログインしてしまっているし…とかいうケースならなおさら、もうそのままSQLコマンドで完結してしまいたいものだろう。 そんな時に有効ななのが動的SQLだ。まぁ、ストアドプロシージャを使うという手もあるんだが、一回こっきり的な作業をそこまで大事（おおごと）にしたくもないっちゅーケースはままあ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

久々に自ブログからの転載。 私が自作アプリケーション内のJavaScriptで使っているもので、すぐに使えて、わざわざ外部ライブラリを読み込むまでもないユーティリティ関数がいくつかあるので、それらを紹介してみようかと。 オリジナルのソースでは、いくつかはjQueryの.ready()イベントのハンドラー内に定義しているのだが、特にjQueryに完全依存するようなスクリプトでもないので、素のJavaScriptだけでも動作するように修正するのはそこまで難しくはないと思う。まぁ、記述的に簡潔になるのでjQueryありきのままで掲載していく。 1. 自己のURLのGETパラメータを連想配列（オブジェクト）に格納する /** * Return as an object by parsing the query string of the current URL */ $.QueryString =

個人のブログで細々と記事を書いていてもなかなかPVが増えないし、記事の拡散力も弱い。 各種SNSを利用して拡散を図っても、技術系の記事はなかなか一般ウケしないので、埋もれてしまったり、流れてしまったり…と、色々と四苦八苦することが多いのではないだろうか（私もその一人だ）。その一方で、Qiitaにのみ書いていた記事がバズって、Qiitaでのフォロー数やシェア数（Qiitaではストック数）が増えたりすると、なんか切ない気分になる…（笑）。 Qiitaと個人ブログの悩ましい関係 Qiitaは、今や日本のIT関連エンジニアなら知らない人がいない程の知名度があり、事実、有益なTIPSも多いので、記事を書けば多くの人に見てもらえるという環境だ。…なのだが、いかんせんそこからの自分の個人ブログへの導線が薄くて、なかなか個人ブログの活性化にまで繋がる程のPV流入効果が見込めない。 つまりは、Qiitaと個

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PHPだけに限った話ではないが、プログラミングを行うに当たって、心得て、準備しておくと失敗が劇的に減る事柄をまとめてある良い記事を見つけたので、私なりの解釈で意訳しつつ、経験則を踏まえてあらためてまとめてみた。 オリジナル記事: Top 10 PHP Tips for Developers どれも基礎的なことで、長くプログラムやっていると「何を今更…」的な事も多いのだが、逆にプログラミングに応用が利くようになってくるとおざなりにしがちな点もある。 1. OOPで行こう！ OOPとはオブジェクト指向プログラミング（Object Orien

昨年、WordPressで「Custom DataBase Tables」というデータベース管理系のプラグインを公開してから、プラグインのサポートで英語圏の人たちとフォーラムで応答することが多くなった。ちゅーか、ここ最近のプライベートな時間はほとんどフォーラムでのサポート対応に追われている感じだ。 でも、私ぁ、英語が苦手なんだよねぇ･･･まぁ、読むのは特に問題ないんだが、英文で返事を書くのがつらいッス。とはいっても、せっかくプラグインを利用してくれてて、バグの報告とかしてくれるありがたい人たちに返答しないのはあまりにも失礼なので、四苦八苦しながら対応してる状態だ。 フォーラムでの応答って、ある種メールでのやり取りに近いんだが、ビジネスメールよりは口語的だし、技術的なやり取りが多いとはいえ、GitHubとかのコミットコメントみたいに断片的にも書けず、投稿者のリテラシーに応じては懇切丁寧に返信

おさらいシリーズ第3弾w 今やWEBアプリケーションのフロントエンド開発では手放せなくなってきたタスクランナー（gulp）とパッケージマネージャ（bower）だが、なにげに設定が煩雑で、どんなプロジェクトにも汎用的に使えそうな基本セット的なものが見つけられなかった。それなら──と、仕組みのおさらいをしながら、自分用のプロジェクトのテンプレートとして汎用的なセットを作ってみた次第。 今回作ったプロジェクトテンプレートでの各アセットの流れを図にしてみると、下図のようになる。 簡単に言えば、 bower で必要なアセットを外部からインストールして、それらとプロジェクト独自のスタイルやスクリプトを gulp を使って結合・最適化、最終的な公開用フォルダに配置するという流れだ。 ちなみに、今回作ったプロジェクトテンプレートはこちらからダウンロードできる。 プロジェクトテンプレートの環境 さーて、まず

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

毎度、自ブログからの転載です。 つい最近、自作のWordPressカスタムデータベース管理プラグイン「Custom DataBase Tables」への問い合わせで bit型フィールド についてデフォルト値を指定するとテーブル作成がコケるという不具合報告があって、 MySQLのbit型フィールド について詳しく調べることになった。その結果、色々と新たにわかったことがあったので、その備忘録も兼ねて記事を書いておこうかと。 もともと私は、MySQLのbit型はboolean（bool）型と同様に tinyint(1)のシノニム（フィールド形式のエイリアスみたいなもの） と理解していたので、フィールドの仕様もtinyint(1)と同じだと認識していたんだが、実際は違っていたんだなこれが。 各フィールドの仕様は下記のようになってた（ちなみにMySQLのバージョンは5.6.16）。 フィールド型 表

経験則的に、たいていWebアプリを開発していて処理経路が煩雑化してしまう部分がAjax処理部分だ。直近の開発では、その部分をできる限り汎用化しようと思って、コールバック型のAjax処理を作ってみた。 建付けとしては、Ajaxの処理をクロージャ的に定義しておき、Ajaxの処理後に実行するコールバック関数名を引数で渡して、Ajax後の戻り値と合わせてコールバック関数を実行させるというものだ。色々と試行錯誤しながら実装できたので、備忘録として残しておく。 JavaScriptでのコールバック処理 まず、コールバック処理のメインとなるのが、「JavaScriptで関数名を文字列として動的に指定して、関数コールを行う」という部分だ。これにはいくつか方法があるが、下記の３つが使い勝手的に良い感じがした。 1. eval() を使う

私は自分のブログ（WordPress）や、GitHubで管理しているアプリのREADME、はてはミーティングの議事録とか、およそドキュメント書く時にはマークダウンエディタ「StackEdit」を使っている。 Webアプリなのでネットワークに繋がればどこでも使えるうえ、一度アクセスしておけばオフラインでも使える。さらに作った文書はGoogle Drive等に同期しておけるのでファイルはどこからでも参照できるうえ、そのまま各種ブログに公開までできてしまう優れものだ。ほとんど全ての機能が無料で使えるのも素晴らしい点の一つなのだが、私はマークダウンで作った文書をPDF化してエクスポートしたかったこともあって、このたび永久ライセンス（日本円で¥3,000というのがまた安い！）を購入しちまいました。 結構バージョンアップも頻繁に行われていて、最新版ではついにマークダウンでUML図表まで描けるようになっ

つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di

私はWordPressの自作プラグインを公式SVNに登録しているのだが、ダウンロード状況等のステータスを毎度WordPress.orgまで見に行くのが億劫になってきたので、自分のブログサイトにその情報だけスクレイピングしてきて楽したいなぁ…と思い立った。 以前、自分でスクレイピング処理を書くのはやったことがあるんだが、その時はソース元のHTMLが汚かったこともあって、非常に面倒だった記憶だけが残っている。私の脳内ではスクレイピング=鬼門なのだ（笑） まぁ、他所のサイトの、しかも一世代前のXHTMLあたりで書かれた（おそらくシステムが自動で吐き出していると思われる）構造だけが複雑なHTMLのパース処理をコーディングをしていると、モチベーションがただひたすらに下がり続けるものなんだ──という苦い経験は今回はしたくない。 そんなわけで、今回はPHPのスクレイピングツールを利用して、サクっと作って

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 何気に、アプリケーションで取り扱うデータ量が増えた場合や、大容量データをデータベースとやり取りする時なんかは、Ajaxを使ってデータ通信をバックエンド側に押しやることで、WEBフロント側のUXからパフォーマンスの悪さを改善できたりする。また、ネットワーク経路的にproxyサーバとかを中継するような環境間でデータのやり取りをする場合などに、proxy側で接続時間にリミットがかけてあったりすると、通常アクセスではデータ通信時間がリミットに達して503エラーとかになってしまうような処理でもAjaxで通信をバックエンド化することで、回避できたり

最近、HTML5でベクターグラフィックスを取り扱う時にSVG形式のファイルを利用しているWEBサイトが増えて来ている。iOS系のデバイスが超高解像度のRetinaディスプレイを採用しているので、PCサイト向けに準備した800×600や1024×740といった大きめな画像でも、Retina端末で見るとぼやけてしまうという状況になったのが原因かもしれない。この状況でRetinaディスプレイでも綺麗に見れる高精細な画像を提供しようとすると、今度はファイルサイズが肥大化して、トラフィック側に悪影響が出るというジレンマに悩まされる。それらを解決すべく利用が進んだのがSVG形式のベクター画像だ。 数年前、SVGGirlとかいうコンテンツが流行っていた時は、まだSVG形式のファイルを利用できるブラウザが少なかったんだが、今どきのモダンブラウザは普通の画像ファイルと同じ感じに簡単に取り扱えるようになった。

Qiita初投稿です。自分のブログに書いてたのを転載してみた。 PHPの配列関数には、配列の任意の位置に要素を挿入したり、任意の位置から要素を削除したりできるものがない。つとに連想配列に対して、substr的な感覚で要素の挿入・削除が出来たら幸せになれるのになぁ…と、とあるアプリケーションの開発をしていて、痛切にそう思った。 それなら、独自関数として作ってしまうのが手っ取り早い──で、早速作ってみた。 その名もずばり、array_insert()とarray_delete()だ！ まぁ、思った以上に色んなケースで利用できるんではないかと。 配列の任意の位置に要素を挿入 /** * 配列（連想配列にも対応）の指定位置に要素（配列にも対応）を挿入して、挿入後の配列を返す * * @param array &$base_array 挿入したい配列 * @param mixed $insert_v