ファイルのフルパスを取得するときはreadlink

-fオプションを指定することでファイルのフルパスを取得できる。 readlink -f .

$_POSTデータや$_FILESが空っぽになる原因

mod_dir リダイレクトになる。 なお http://servername/foo/dirname という URL へのリクエストがあった際に、dirname というディレクトリがあれば、「最後にスラッシュをつけた形」の URL へのリダイレクトを送出します。 mod_rewrite リダイレクトにならな…

Softbankが販売する Android 2.2 の端末

Softbankが販売する Android 2.2 の端末は以下 005SH DM009SH 001DL 003SH 001HT スペックなどの詳細は以下から。 https://www.support.softbankmobile.co.jp/partner/smp_info/smp_info_search_t.cfm

要素の表示/非表示の切り替えには:not を使う

なるほど言われてみればその通りだ。 特定の領域にCSSクラスを追加・削除して表示・非表示を切り替えることがあるが、この際にdisplay:noneとdisplay:blockの両方を指定していることが多い。 :notを使用すればdisplay:noneの指定だけで済むため前述の指定方…

中央揃えに使用する margin: 0 auto は margin: auto; とかける

If 'margin-top', or 'margin-bottom' are 'auto', their used value is 0. Visual formatting model details .zero-auto { margin: 0 auto; width: 240px; } .only-auto { margin: auto; width: 240px; } 試しに書いてみる aaa aaa おお、同じだ。 意外と知…

教育用ロボットプログラミング

クリスマスプレゼントにと先日ビックカメラに足を運んだら 教育用ロボットプログラミングのおもちゃがいっぱい展示してあってほほうと思った。 調べてみるとMakeblock というのがいろいろと教育向けに考えていてすごいなと思った。 Scratch のようなUIでのプ…

AWS AppSync について

メモ AWS AppSync – GraphQL を基盤として、データに基づいたアプリケーションをオフライン機能でリアルタイムに構築する GraphQL データに基づいたアプリケーション オフライン機能 リアルタイムに構築 AWS AppSync は、ソーシャルメディア、チャット、出会…

環境構築メモ

自前のサーバーにGitリポジトリを作成してプッシュでサイト更新する - Qiita

CSS テクニック

最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger | コリス

行きたいサウナ

Spa | LaQua(スパ ラクーア) 03-3817-4173 11:00~翌9:00 不定休 http://www.laqua.jp/spa TimesSPA RESTA 03-5979-8924 11:30~翌9:00 無休 http://www.timesspa-resta.jp/ 横浜スカイスパ 045-461-1126 10:30~翌朝9:00 無休 http://www.skyspa.co.j…

WebUSB API

Chrome now supports the WebUSB API, allowing web apps to communicate with peripherals given a user’s consent. This enables all the functionality provided by these devices, while still preserving the security guarantees of the web. https://…

SystemJS

SystemJS があれば動的にモジュールを呼び出せる。 var SystemJS = require('systemjs'); // loads './app.js' from the current directory SystemJS.import('./app.js').then(function (m) { console.log(m); }); すごい。

selectionStart でキャレットの位置を取得する

selectionStartを使う。 selectionStart - Mozilla | MDN イベントと組み合わせて使う。 イベント DOM API 結果 keydown selectionStart 直前の位置を取得 keyup selectionStart 直前の位置を取得 jQuery だとこう。 $('input.selector').on('keyup', functi…

改行によるスペースを非表示にする方法

親要素にfont-size: 0; を指定する方法がいちばんスマート。 Android2.3 のようなゴミでありながら化石と化した端末はスルー。 でもいちいちCSSでfont-size 指定するのもあれだからコンセンサスが取れていれば他のやり方でもいい。 詳細 改行しない ソースが…

ブラウザシェアのデータが欲しいとき

statcounter

枠線なしのinput text を埋め込んでタグ登録のUIを改善する

BacklogのAPIを使って自分が抱えているアクティブなチケットを取得したい

やりたいこと BacklogのAPIを使って自分が抱えているアクティブなチケットを取得したい。 検討 理想は、チケットのお知らせユーザー一覧のAPIが提供されていればいいのだが見つけられなかった。 そのため、既存のAPIを使って自分が抱えているアクティブなチ…

Nodeのツリー構造としてのドキュメント

Node └ Document └ Element └ Text

疑問

エネルギー量の多いところほど生物は繁栄する 北極圏と熱帯雨林を見ればその差は明らかだ。 では、なぜ溶岩の中には生物はいないのか。 そこには莫大なエネルギーであふれているのにもかかわらず。

nodistを使ってNodejsをインストールしている場合gulp watch を叩くとエラーになる

現象 Windows 環境でnodistを使ってNodejsをインストールしている場合、 コマンドで gulp watch を叩くと以下のエラーが出力される。 $ gulp watch Sorry, there's a problem with nodist. Couldn't resolve version spec %s: %s nodev7.8.0 Unexpected char…

prototypeと__proto__

prototype prototype プロパティは、Function() のインスタンスを生成する際にJavascript が自動的に付与するオブジェクトです。 役割 インスタンス固有のオブジェクト proto proto プロパティは、オブジェクトインスタンスとそのコンストラクタ関数をつなぐ…

ユーザー

ゴール目的:何ができるのか 動機:どんなときに訪れるのか 行動:何をするのか

devDependenciesのパッケージをインストール

npm install パッケージ名 --dev devDependencies に追記したものは開発時にのみ使うパッケージを指定するのに使う。そのパッケージの利用者にとっては不要で、開発者のみが使うため、利用者が npm install パッケージ名 するときはこの依存パッケージはイン…

LINE Bot

それぞれ部門があって評価基準は以下の通り。 ライフスタイル部門 普及、浸透する可能性が高いものを表彰します。 ゲーム部門 botとの対話をUXの軸にしたゲームを表彰します。 グループトーク部門 人格を判断しながら文脈に沿った発言をするのは難易度高め …

php の連想配列操作

array('sp' => '')); $bbbb = array('1000_A' => array('pc' => '')); var_dump(array_merge($aaaa, $bbbb)); // array(1) { // ["1000_A"]=> // array(1) { // ["pc"]=> // string(0) "" // } // } var_dump($aaaa + $bbbb); // array(1) { // ["1000_A"]=…

常に人ではなく「構造」に原因を求める

なにか会社や組織で問題が起こったときに、たとえそれが人に起因する問題でも「これはあの人ができないからダメですね」と言ってそこで議論を終わらせてしまうのではなく、常に人ではなく「構造」に原因を求めるように思考を働かせて、その構造的問題を見抜…

JavaScript で空のオブジェクトの判定方法

Object.keys(object).length

フロントエンドエンジニア区分

フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend engineer) といった様々なタイプのエンジニアがいます. …

デザインパターン

Adapter インターフェイスを揃えるためのWrapper 。

Today I learned

Webpack というのはjsの依存関係をチェックしてくれる便利なツールだ。 かつてはBrowserifyも人気だったが最近ではWebpack が圧倒的に人気だ。 Webpack, Browserify - Google トレンド