はてなブックマーク

普段はもっぱら PostgreSQL と SQLite を使用しているが、 MySQL を使うことになったので書き方が異なる部分をまとめておこうと思う。 最終更新日： 2021年3月26日 目次 コマンドラインツールの起動 ユーザの作成 データベースの作成 テーブルの作成 整数型の自動採番ID 外部キー制約のテーブル定義 日付と時刻の扱い 日付と時刻の計算 文字列結合 PHP からの利用: PDO による接続 テーブル、カラムの変更 カラム名を変更する NOT NULL 制約をつける NOT NULL 制約を外す 制約を追加する 制約を外す MySQL 固有の注意事項 参考 コマンドラインツールの起動 PostgreSQL psql [データベース名 [ユーザ名] ] SQLite sqlite3 ファイル名 MySQL mysql [-u ユーザ名] [データベース名] ブラケット [

2016年9月1日更新：ストリートビュー画像の有無を API で取得できることが分かったので書き直しました Google Maps JavaScript API v3 では次のようにして、指定した div 要素に任意の地点のストリートビューを表示することができる。 // ストリートビューを表示する HTML 要素 var panoramaDiv = document.getElementById("thePanorama"); // 目標物（建物等）の座標 var thePosition = new google.maps.LatLng(36.561839, 136.654176); // ストリートビューを表示 var panorama = new google.maps.StreetViewPanorama(panoramaDiv, { position: thePosition ,

目次 はじめに 1. API を利用可能にする 2. API アカウントを作成し、キーを取得する 3. Analytics へのアクセス権限を API アカウントに付与する 4. Google APIs Client Library for PHP を設定する 5. API を使い Analytics データを取得する 6. 取得できるデータの種類 はじめに この記事は、次の記事を現在（2016年4月）の Google Analytics およびその API の実情に合わせて書き直したものである。 【旧版】Google Analytics API を PHP から使う - メモ用紙 人気記事ランキングを作成する処理等、ユーザが操作を介することのないバックエンドのプログラムが Google Analytics API にアクセスする方法について説明している。 1. API を利用可能にする

サーバサイドプログラムから PDF ファイルを出力するとき、 Internet Explorer 8 ではファイルを開けない場合がある。 Accept-Ranges が原因の場合 調べてみるとレスポンスヘッダに Content-Length を指定し Accept-Ranges を指定していない場合、PDF ファイルを開こうとすると真っ白なウィンドウが開いてしまう。 対処法は簡単。Content-Length ヘッダを出力する際は同時に Accept-Ranges も出力しましょう。 Accept-Ranges: bytes Content-Length: 123456 SSL 経由の場合 コンテンツが https: から始まる SSL 経由の URL で、コンテキストメニューから「対象をファイルに保存」を選ぶと「ファイルをキャッシュに書き込めませんでした」というメッセージが表示されてファ

前回までは単純に URL に対して GET リクエストを行った。 ここでは POST メソッドを使用し、標準的なエンコード方式を使ってパラメータを送信する。 全体像 パラメータの設定からレスポンスを受け取るまでは、次のような流れとなっている。 クエリ文字列を生成する buildQueryWithDictionary: については後に解説している。フレームワークに含まれるメソッドに関してはマニュアルを参照のこと。 - (void) postSomeData { // 送信する URL とパラメータ NSString *url = @"http://example.com/path/to/resource"; NSDictionary *params = @{ @"name": "スズメ", @"scientific_name": "Passer montanus", @"性質": "かわいい

2016年4月1日時点、API が更新されて使い方が変わっています。こちらの新しい記事をご覧ください。 Google Analytics API を PHP から使う - メモ用紙 目標 Google Analytics API を使って、人気のページのランキングを作る。 次の記事はバージョンの古い PHP Client を使っているため、最新版で動作するようにする。 Google Analytics API v3をPHPから利用する方法 | karakaram-blog サービスから API を使えるよう設定を行う この記事を参考に第6節「Google Analytics のビュー ID をメモする」までの手順を行う。 Google Analytics API v3をPHPから利用する方法 | karakaram-blog この手順で作成するものは次の通り。 API プロジェクト（Fac

事前準備 FontForge をインストールするのに必要なものは次の通り。 Xcode XQuartz (X11) Homebrew Xcode は App Store からインストールできる。Xcode をインストールすると「X11」というアプリケーションもどこかにできている (場所は分からないが Spotlight 検索で出てくる)。 「X11」を起動すると Apple のサポートページを経由して XQuartz のダウンロードページへ誘導される。この時点での最新版 XQuartz-2.7.4.dmg をダウンロードしてインストールした。インストール後は一旦ログアウトする必要がある。 Homebrew のインストール方法は公式、あるいは多数の解説記事があるのでそれを参照のこと。 FontForge のインストール Homebrew を使ってインストールする。GUI のアプリがほしいので

2014年3月4日追記：おそらく最も効果的な方法が見つかったので内容を変更しました Excel 2013 (Windows) はよくフリーズする、重いと思うことはないだろうか。 原因はどうやら Excel の設定ファイルの破損にあるらしい。 C:\Users\(ユーザ名)\AppData\Roaming\Microsoft\ExcelExcel を終了してから上記のフォルダを開き、 Excel15.xlb の名前を Excel15-bak.xlb などに変更してから Excel を起動しなおす。すると Excel が見違えるほどサクッと起動するはずだ。 もとあった場所には Excel15.xlb が作り直される。不要ならば古い Excel15-bak.xlb を削除しよう。 関連記事 Excel 2013 でスラッシュ（/）が入力できない場合の対処法

2018年6月6日追記：ここに掲載されている情報は古くなっています。現在は公式な方法が利用できます。→Google Maps API で場所アイコンのポップアップ (POI) を消す (v3.26) 地図を使った Web ページを作るときに便利な Google Maps JavaScript API だが、自分で用意したマーカなどの要素とは別に、主要なスポットがアイコンとラベルで示され、クリックするとその説明が出るようになっている。（このスポットを point of interest; POI と呼ぶ） ただ単に地図を見るときには役立つが、API を使って何か作ろうという場合は邪魔になることがほとんどだ。 デモ：Google Maps の邪魔なポップアップを消す方法 (元となるコード) 解決法は二つある。 POI アイコン自体を消す 一つ目は POI のアイコン自体を非表示にする方法だ。も

人が操作するのではなくプログラムで Web ブラウザを操作する PhantomJS というツールがある。中身は WebKit。それをより簡単に使うためのツールが CasperJS である。 インストール方法 PhantomJS と CasperJS のふたつをインストールする。 Mac で Homebrew を使っている場合は次の一行で終了。 % brew install phantomjs casperjsWindows の場合は PhantomJS のダウンロードページ から phantomjs-1.9.7-windows.zip を、CasperJS から Download 1.1-beta3 (ZIP) を選択する。ダウンロードした ZIP ファイルを適当な場所に展開し、phantomjs.exe および casperjs.exe のあるディレクトリにパスを通す。 PhantomJ

多数の小さな画像を 1 枚の画像の上に並べ、CSS で切り分けることにより、サーバへの問い合わせの回数を減らして Web ページの表示を高速化する CSS スプライトと呼ばれる手法がある。これまで Sass + Compass ではできていたが、Grunt をはじめとする自動化ツールが充実してきたおかげで LESS でも可能になった。 あらかじめ Grunt と grunt-spritesmith をインストールし設定しておく。方法は先日の記事を参照。 Grunt を使って LESS のコンパイル環境を作る grunt-spritesmith を Mac (OS X Mavericks) にインストールする grunt-spritesmith を Windows にインストールする Gruntfile.js を書く 通常と同じように loadNpmTasks() でタスクを読み込み、 in

JavaScript のコードをチェックしてくれる JSHint というツールを導入した。 Node.js と JSHint のインストール こちらを参考にした。かんたん。 Windows に JSHintをインストールしてみた - かわちょでぶろぐ JSHint の設定 ホームディレクトリ (Windows の場合はコマンドプロンプトを開いたときに最初に出てくる場所) に .jshintrc というファイルを以下の内容で作った。 { "laxcomma": true, "unused": true } laxcomma は頭にカンマを持ってくる書きかたをしても怒られないようにする unused は var で宣言したのに使われていない変数を教えてくれる 設定についてはこちらが詳しい。 http://blog.craftgear.net/50832ff38cdc8fb415000001/t

2013年12月12日に Zepto.js 1.1.2 がリリースされました (リリースノート)。v1.1 以降は IE10 に対応するなど、動作が異なる可能性があります。 App Framework は jQuery 互換のライブラリとして作られた jqMobi から派生し、改良を加えながら現在に至る。 GitHub - 01org/appframework: The definitive HTML5 mobile javascript framework また Zepto.js は、2013年3月4日に 1.0 正式版がリリースされた。Bootstrap との組み合わせなど、jQuery との互換性を強く意識して改良が行われているようだ。 Zepto.js: the aerogel-weight jQuery-compatible JavaScript library ファイルサイズ

CSS の box-sizing プロパティはリキッドレイアウトのときに有用なプロパティだ。値に box-sizing を指定すると padding や border を含めた値で width/height を計算してくれるので、パーセント値を指定する場合は特に便利だ。box-sizing は多くのモダンブラウザで使えるほか、Internet Explorer 8 でも使用することができる。 問題は中途半端な位置づけにある Internet Explorer 7 だが、次のような解決策を見つけた。expression プロパティを利用して、レイアウトされた時点での値を計算している。 .box-sizing-ie7 { /* emulates width: 33% */ width: expression((this.parentNode.clientWidth/3 - parseInt(t

Windows 環境で cron と同じようなことをする場合、pycron が便利。 http://www.kalab.com/freeware/pycron/pycron.htm Windows 標準の機能として「タスクスケジューラ」というものがあるが、「毎日○時○分」という指定しかできないなど不便なので使うのをあきらめた。 インストール インストーラがついているので手順に従ってインストールすれば問題ない。Windows 7 では Program Files 以下にインストールすると crontab.txt を編集するときに面倒が起こるので、C:/Apps というディレクトリを作り、そこにインストールした。 pycron は Windows のサービスとしてインストールされる。「ファイル名を指定して実行」から「services.msc」を実行するとサービスの一覧が表示される。そこに「Py

Google Chrome でデフォルトの言語以外の言語で書かれたページを表示すると翻訳バーが表示される。 この翻訳バーは Web ページの内容に応じて表示されるが、時には言語を誤って判定されて邪魔になることもある。 そこで、翻訳バーを制御するための方法をここに示す。 Web ページの言語を指定する方法 最も自然で簡単な方法がこれ。HTTP ヘッダに Content-Language ヘッダを出力する。 Content-Language: jaあるいは HTML 中に meta 要素を書いてもよい。 <meta http-equiv="Content-Language" content="ja"> こう指定することによって、Google Chrome を日本語で利用している場合は翻訳バーが出ないようになる。 翻訳を完全に無効にする方法 Web ページの翻訳を完全に無効にするには、次の me

HTML 5 や CSS 3 の新機能を使う場合、古いブラウザでも誤解なく内容が伝わるよう努めるべきだ。Safari, Chrome, Firefox, Opera の場合、自動アップデート機能やユーザのリテラシーの高さゆえ、古いバージョンを使い続けていることは少ない。そもそもバージョンの古い時代にはユーザが少なかったという経緯もある。 しかしながら Internet Explorer は未だにバージョン 8 を利用しているユーザも多い。またバージョン 9 でも機能面で物足りない場合がある。 そのような場合に、CSS や JavaScript の機能を使って判定する方法をここに示す。 CSS による判定 メディアクエリを使うと IE8 以前と IE9 以降でスタイルを書き分けることができる。 先にレガシーブラウザ用のスタイルを書き、そのあとにモダンブラウザ用のスタイルを上書きする。 .so

スマートフォン向けサイトという言葉も下火となったが、良くないテクニックが蔓延しているのでこの記事を書いた。 そのテクニックとは次のようなもの。 window.addEventListener("load", function() { setTimeout(function() { scrollTo(0, 1); }, 100); }, false); ページが読み込まれたあとに縦方向にスクロールすることで、本来ユーザがスクロールして隠れるアドレスバーを強制的に隠すやり方。 Web 上を検索すると多数の記事が見つかる。 スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法 iPhone向けWebページで、アドレスバーを隠す - サンフラットの開発日記 - くらげのChangeLog Android/iPhoneのURLバーを隠す - tweeeetyのぶろぐ的めも iPhoneサ

2014年7月1日追記：この記事は情報が古い可能性があります PHP ソースコードの難読化・暗号化ツール php-compressor, ibLind, プラセンス SPHP, ionCube PHP Encoder を試してみた。 php-compressor php-compressor はコード実行に必要のない空白や改行、コメントを削除し、変数名を短縮してくれる。フロントエンドで行う JavaScript や CSS の圧縮と同じ状態のものが得られる。 Google Code Archive - Long-term storage for Google Code Project Hosting. このプログラム自体も PHP で書かれているので、PHP が動作すれば環境を問わず使える。構文解析に PHP の標準関数 token_get_all を使っているところが面白い。 クラスの変

Android 4 では、メディアクエリで用いられる device-width/height の値が、通常の CSS ピクセルではなく、デバイスピクセルとして与えられるバグがある。そのため Xperia Z など高解像度のディスプレイを持つ端末で、広い画面のために設計されたスタイルシートが適用されるといった問題が発生する。 CSSピクセル 高解像度のディスプレイの登場により、CSS で指定したピクセル数をそのままディスプレイのピクセルに当てはめると、物理的なサイズが小さくなりすぎてしまう。たとえば 72 ppi のディスプレイでは、16 px の文字は 16 pt の大きさとして表示されるが、264 ppi の解像度を持つ iPhone 4/5 のディスプレイではわずか 4.36 pt と、ルビ程度の大きさになってしまう。 そこで「CSS ピクセル」という仮想的な値が考えられた。実際のピク

2013年5月27日追記　ウィンドウを分割していない場合、比較するファイルを選ぶようにした改良版が出ています：xyzzyのdiffの有効化と開いているファイルの自動選択 - phithonの日記 xyzzy で M-x diff と入力すると diff が使えるようだ。しかし外部コマンドの diff がないと怒られる。 パスが通っていそうなところに diff.exe を置いてみても動かないので調べてみると、じぶんで設定できるそうだ http://ohkubo.s53.xrea.com/xyzzy/memo.html#diff (setq ed::*diff-command-name* (map-slash-to-backslash (merge-pathnames "bin/diff.exe" (user-homedir-pathname)))) ちなみに diff.exe はここから入手

用意するもの VirtualBox http://www.android-x86.org/download から android-x86-4.0-RC2-thinkpad.iso をダウンロード VirtualBox の設定 環境設定＞ネットワーク　でホストオンリーネットワークを作成する（Windows だと勝手に作られるので不要） 仮想マシンを新規作成 OSタイプ：Linux バージョン：Other Linux メモリーサイズ：256 MB（デフォルト） 仮想ハードドライブ VDI形式で作成（デフォルト） サイズは固定で 2 GB 仮想マシンの設定 システム＞マザーボード＞拡張機能＞絶対座標指定のデバイスを有効化　のチェックを外す ストレージ＞CD/DVDドライブ　に先ほどの android-x86-4.0-RC2-thinkpad.iso を指定する ネットワーク＞アダプター1　はその

2013年11月現在、jqMobi は App Framework へ、Zepto は v1.0rc1 から v1.0 (正式版) へとバージョンアップしています。最新版 App Framework, Zepto.js 1.0 と jQuery との互換性 をご覧ください。jQuery と互換性があり、とっても軽い JavaScript ライブラリ jqMobi. jquery-1.7.2.min.js が 93 KB なのに対し、jq.mobi.min.js (1.11) はわずか 19.4 KB。ファイルサイズだけでなく、スクリプトの初期化も圧倒的に速い。（iPhone 4 / iOS 6 の Safari では jQuery 1.7.2/1.8.2 が 70 ms, Zepto v1.0rc1 が 20 ms, jqMobi 1.11 が 14 ms 程度。iOS 5 ではもっと差が

<?php function exec_async($command) { if (PHP_OS !== 'WIN32' && PHP_OS !== 'WINNT') { exec($command . ' >/dev/null 2>&1 &'); } else { $fp = popen('start "" ' . $command, 'r'); pclose($fp); } } 解説 PHP_OS で Windows か UNIX 系 OS かを判断する（他の処理系については考えていない） UNIX 系 OS の場合、標準出力を /dev/null に捨て、バックグラウンドで実行 (&) することで非同期実行になる（念のため標準エラー出力も捨てている） Windows では popen() でプロセスを作り、start コマンドで実行することで非同期になる start コマンドの第一引

現在は 1.0 正式版が出ています。こちらをご覧ください：App Framework, Zepto.js 1.0 と jQuery との互換性 jQuery と互換性があり、とっても軽い JavaScript ライブラリ Zepto. jquery-1.7.2.min.js が 93 KB なのに対し、zepto.min.js (v1.0rc1) はわずか 23 KB。ファイルサイズだけでなく、スクリプトの初期化も圧倒的に速い。（jQuery 2 では初期化の遅さが改善されるという情報あり） $() 関数での動作の違い 属性セレクタの値は、必ず引用符で括る必要がある。DOM Exception が発生する。 $("a[href^=#]") → エラー $("a[href^='#']") → OK 次のセレクタはプラグイン selectors.js が必要 :visible, :hidden