集中して作業していると時間があっという間に過ぎてしまうことがあります。 気づいたら外出の時間を過ぎていた！なんてことになったら大変ですね。 Macには時報をアナウンスしてくれる機能がついていたので、 今回はそれを有効にする方法を紹介します。 時報…

Processing ProcessingはJavaをベースにしたCGやビジュアル表現のプログラミングに特化しているプログラミング言語です。 ActionScriptやJavaScriptなどの他の言語にも扱えるようにするライブラリが用意されているので、 Processingで書いたものが他の言語で…

3日目 PreloadJS PreloadJSはファイルの先読みを行って、 読み込み状況を把握したり、完了後に処理を実行させたりといった処理をサポートしてくれるCreateJSのライブラリ群の一つです。 EaselJSなどと組み合わせずとも単体でも利用することができます。 予め…

CreateJS触ってみたいなーということで、 ドキュメントとサンプルコードを見ながらもまったり書いていこうと思います。 2日目 TweenJS https://github.com/CreateJS/TweenJS/ 上のURLの飛び先からZIPボタンを押してダウンロードしてきます。 展開するとlibフ…

2015.06.16 記事の内容を全面的に書き直しました。 目次 CreateJS とは何者なのか? EaselJS をはじめるための準備 EaselJS を使うメリット Canvas にはオブジェクトを管理する機能はない Canvas はウォールペイントのようなもの？ ベクター図形の描画がより…

Dropzone.js dropzonejs.com 2014月7月1日: dropzone.js のバージョンが上がり、以前の記事の内容では動作しないものが多くなっていたため、2014年7月1日時点での最新版 3.10.2 の仕様にあわせて記事内容を見直し、改訂しています。(更新が遅くなってしまっ…

自分がその日覚えたこと、気づいたことをもっと記録しておきたいなー という訳で日記アプリを探して、 DayOneがよさそうだったのでメモしておきます。 Day One Day OneはMac用日記アプリです。 Mac版はAppStoreで$9.99で販売されています。 Day One | A simp…

「要素の中心から拡大するようなアニメーション作ってください」さてどうする どういうことかというと、 CSS3を使えばtransform-orignを50% 50%にすることで 変形の中心点をすらすことができるので、 これとtransitionやanimationプロパティを組み合わせれば…

珍しくブログカテゴリーの投稿です。 1月も半分を過ぎてしまいましたが、 簡単に去年の振り返りと来年の抱負を書いておきました… 2012年 本来こういうものは年が明ける前に書いたほうがいいですよね‥ まあ書きそこねてしまったので今書いているわけなのです…

CSS Programming Advent Calendar 2012 10日目です。 今回の自分の作ったデモは全てOperaでしか動作しませんので、 まだインストールしていない方は予め opera.com にてダウンロード、インストールを行なっておいてください。 今回作成したのがこちらです。 …

Photoshopでサイトのモックを作成する際に、 作業時間の短縮に繋がりそうなプラグインWebZapを紹介します。 WebZapはこちらより購入できます。 2012年11月5日の時点では$15で購入することができます。 WebZap - Photoshop panel plugin for web developers […

先日こちらのイベントに参加する機会がありまして、 その時にAfterEffectsのキーフレームの情報をスプレッドシートに書き出せることを知ったので、 それを利用してWeb上で何か作ってみるところまでをやりたいと思います。 とりあえずスプレッドシートに書き…

ちょっとしたドロップシャドウやグラデーションをCSSで表現するのに大活躍のCSSHatですが、 問題が起こったので、メモ書きしておきます それは突然のことでした。 CSS HatがPhotoshopから消滅しました。 そもそも入れたと思ったのは妄想だったのか？ とか思…

CSS hatは以前の記事で紹介しましたが、 Photoshopでレイヤーに適用したレイヤースタイルを CSSに書きだしてくれるプラグインです。 そのプラグインがいつの間にかバージョン1.1.0になって 出来ることも増えていたので、紹介しておきます。 出力の形式が増え…

PhoneGapはHTMLやJavascriptなどで作られたWebアプリケーションを、 WebViewを利用してアプリ化することができるフレームワークです。 今回はPhoneGapで作ったアプリに広告を貼りたいなーという所から話が始まります。 そもそもAdsenceを貼っていいの？ まず…

どういうことかというと、 アンカーリンクをクリック→ページ内移動→ 再びアンカーリンクをクリック→動作しない といった現象がAndroidで発生しました… とりあえずページトップヘのリンクだったので、 window.scrollTo(0, 0) と、Javascriptでサイトの一番上…

作り方が変更されていたので自分用メモ書き。 参考URL:Getting Started with iOS まず作成するために必要な環境条件 ・Xcode 4.3以上 ・Xcode Command Line Tools ・IntelベースでMacOSX Lion または 10.7以上 プロジェクトファイルの作成 事前にXcodeのイン…

それはある日突然のことでした。 インデントが効かない!! command + ] が効かなくなったんです。 キーバインディングを見なおしてみたりしたんですが、 直らず… Googleさんでググリ続けていたところ、 Twitterで同様の現象が起きている方のツイートを発見。 …

2012/09/06追記： 現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。 詳しくは最新の記事にて確認して下さい。 最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元にCSSを作成…

Coda大好きです。 ということで先日発売されたCoda2を発売日に迷いなくApp storeで購入しました。 直販版だとiCloudを利用した機能が使えないそうなので注意が必要です。 Coda2はCodaのアップデート版というわけではなく、 別物の製品扱いなので、Coda2を購…

PHPのバージョンによって、 当たり前のように使っていたjson_encodeやarray_diff_assocなどの関数が使えなかった ということが出てくることがあります。 これを簡単に解決してくれるライブラリがありました。 使い方 利用法はとても簡単です。 include 'upgr…

久しぶりにjsFiddleでコードを書こうとしてフォーカスを当てた瞬間に、 以下のようなコードがいきなり挿入されました。 え…どういうこと… ぐぐったらすぐ答えが見つかりました。 advertising - Unwanted css injected into posts - Stack Overflow 原因はGoo…

TwitterのAPIを利用してプロフィール画像を取得するのは簡単です。 以下のURLにパラメータをつけてリクエストするだけで画像を返してくれます。 http://api.twitter.com/1/users/profile_image Twitterのプロフィール画像を指定する方法 指定できるパラメー…

iPad3を買いました。 電子書籍とかPDFを突っ込んだり、 これまでに買った映画を突っ込んでみたりして楽しいおうち生活を送ってます。 mixiチェックボタン 今回はmixiチェックボタンでつまずいたので、 その原因と解決法をメモしておきます。 mixiにはソーシ…

CSS3のbox-shadowやtext-shadow、backgroundにグラデーションを指定した際など、 一回では思ったような色がつかず、微調整を行うことがあります。 これまでは、FirebugのプラグインであるFirepickerというツールを利用して、 色を調整していたのですが、同様…

タイトルになんて書いたらわかりやすいだろうか…って悩んでたら一ヶ月経ってしまいました。嘘ですけど。 『縦にスワイプしようとした際にはイベントを仕込んだ要素にタッチしても何も起こさせない方法』 どういうこと…？わかりにくくて申し訳ないです…。図に…

TwitterにはMac用公式クライアントであるTwitter.appがあります。 Twitter.appはすっきりとしたUIで使いやすいというだけでなく、 実は開発者ツールもついています。 今回はその開発者ツールを使ってみます。 メニューより 「Twitter → Preference」 を選択…

PHPでデータベースから取得したデータをJSONとして出力する方法です。 JSONとして出力するにはとても簡単で、 連想配列として値を保存→header関数でJSONを指定してあげるだけです。 tags: データベースから値を取り出して何かをする際に、 データの整形はJS…

Simple HTML DOM ParserはPHPでHTMLのスクレイピングをjQueryライクに行うことができます。 今回はこれを使って、Macの公式サイトに掲載されている整備済みセール品情報を取得してみようと思います。 まずは以下がデモとなります。 Mac整備済み特別価格製品…

こんにちわturusukeです。 僕は、Wordpressでソースコードを表示するのにgoogle-syntax-highlighterを利用しているのですが、 PHPのコード中にhref属性の中に逆スラッシュやシングルクォートを使うと、 中身がURLエンコードされて表示されているブラウザがあ…