既に「Google I/O 2012で公開されたJavaScript高速化Tips集 | IDEA*IDEA」や「JavaScriptパフォーマンスを上げるシンプルな13の最適化 | Act as Professional – hiroki.jp by HIROCASTER」で紹介されて話題になっていたJavaScriptの高速化TIPSがhosikitiさんによって和訳されています。 リストでまとめられたリストを日本語で見たいという要望に見事に応えてくれていました! 1.コンストラクタ関数内ですべてのオブジェクトメンバを初期化する 2.常に同じ順番でオブジェクトメンバを初期化する 3.Numeric型(31bitで表現される符号付き整数)を出来るだけ使う 4.0から始まる連続した値を配列のキーとして使う 5.巨大な配列(64000個以上の要素を持つもの)は予め確保せず、必要になったら随時
皆さん、こんばんは。笹亀です。 7月もあっという間に10日間が過ぎて、夏真っ盛りになってきました。 自分も夏対策でアイス眠というマットレスを購入して夏を乗り越えようと思っております。 さて、本日はストアドプロシージャについて検証をしてみたいと思います。 ストアドプロシージャとは、一連のSQL文や処理に名前をつけて保存したものです。 PHPの関数と同じでSQLを関数みたいにしたものがストアドプロシージャになります。 MySQLではストアドプロシージャはMySQLでは5.0から利用が可能です。 今回はMySQLのストアドプロシージャの使い方だけではなく、 生PHPで記載したときとのパフォーマンスを比較してみたいと思います。 MySQLのストアドプロシージャを呼び出して処理をするPHPプログラムとストアドプロシージャで作成したものと同じSQLを実行するPHPプログラムを作成します。 上記2つのプ
こんにちは、ブログチームでlivedoor Blogポータルを担当している小出です。 最近、livedoor BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。今回はlivedoor Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。 同じサイトでもアクセスデバイス毎にユーザー層は異なる リニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。 その調査を通し、ライブドアブログのポータルには PC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという2つの特徴があることが判明しました。 その結果
今回は私が昔教えてもらった、効果の高い絵の練習法をご紹介します。 「たくさん描く」「向上心を持って描く」といった漠然とした上達法は今までに沢山紹介してきましたが、”具体的な絵の練習法”はあまりなかったので、今回記事にしてみました。 ただ好きなイラストやデッサン本を模写したり、落書きを繰り返すより断然効果が高い練習法です。 【用意するもの】 ● 紙 ● 鉛筆 or シャーペン ● 消しゴム ● キッチンタイマー(時間が計れれば何でも) 1. シチュエーションを考える まず始めに、1~2分で描く絵のシチュエーションと構図を頭の中で決めます。 例えば、『お風呂場で着替えを見られて赤面する女の子』とかそういう感じで。 このときにキャラの服装やポーズ、背景までしっかりイメージします。 難しく考えずに、自分がグッと来るシーンを思い浮かべればOKです。 キャラはできれば自分のオリジナルで。人物は2人まで
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
Stylus入門 StylusはSASSやLESSのようなCSSメタ言語。某所で話題にあがったのでどんなことができるのか一通り触ってみました。 実行環境ですが通常はnode.jsなどのインストールが必要です。私の場合、CodeKitを利用しているので特になにもインストールせずに利用できました。 stylus用のファイルをstylus/○○.stylとして保存すると、css/○○.cssと書き出されます。それではざっくりと基本機能の紹介します。 Selectors(セレクタ) stylusはPythonようにインデントベースの記述を行います。 .hoge color blue font-weight bold と記述すると以下のようなCSSが出力されます。 .hoge { color: #00f; font-weight: bold; } このように基本的に括弧やセミコロン、コロンなどは省略
「CSS Sprite」は背景画像などの複数の画像ファイルをひとつの画像にまとめて、画像の中から表示させたい部分の座標をbackground-positionプロパティで指定するという手法です。これにより画像ファイルのHTTPリクエスト数を減らすことができます。 この手法は背景画像での利用が一般的なのですが、img要素でも利用することができるようなので、本エントリーで紹介します。 本エントリーでは、次のソーシャルブックマークボタン用の4つの画像を1つにまとめて、CSS Spriteを行ってみます。 背景画像の場合はbackground-positionプロパティでさくっと表示できるのですが、img要素として表示させるのにかなり苦労しました。ということで、コピペで使えそうなサンプルも用意しました。 「そういう場合、背景画像に変更するのが本来では?」というツッコミはなしでお願いします(笑)。
みなさんは、フルスクラッチでテトリスを作ることができますか? プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの45分でテトリスが完成! それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
こんにちは。株式会社8bitの高本です。 今週は今のところプログラムをあまり触っていないので精神的に安定しています。 さて、そろそろ今年も終わりに近くなってきたので、来年への抱負と今年の反省を込めて、今回はこの1年間でWebサービスを作ってきたまとめをしようと思います。 反省し始めたら本当に当たり前のことを理解するまで時間をかけたなあ、とつくづく思いました。 今年に入ってから、リニューアルも含めれば6つ位はWebサービスを作ったと思うのですが、どのWebサービスもサービスを通じて受託案件をいただいたという感じで、サービス自体では売上は皆無に等しい状況です。 会社設立当初はとにかく作って社外的なPRという意味もあり、無駄だったとは言いませんが、1年半経って何の収益性もなく、売却もできていないWebサービスたちが沢山できてしまいました。 ある意味、会社としては失敗の歴史でもあると思っています。
[対象: 全員] SMX Advanced Seattle 2012からのレポート記事になります。 第一弾は“You&A With Matt Cutts”というタイトルのキーノートです。 “You&A”は“Q&A”をもじったもので、Googleのウェブスパムグループのリーダー、Matt Cutts(Matt Cutts)氏がさまざまな質問にこのキーノートでは答えてくれます。 モデレータはSearch Engine Landの編集長、Danny Sullivan(ダニー・サリヴァン)氏です。 ここでしか聞くことのできない貴重な情報がたくさんあります。 やや長めですがじっくり読んでください。 “You&A With Matt Cutts” キーノート ペンギン・アップデートはペナルティなのか? 違う。アルゴリズムの校正 (calibration)。パンダは質の低いコンテンツに対抗するために作ら
Meteorの実行環境 連載第2回では、Meteorアプリケーションの実行環境についてお話しします。 Meteorは、すべてをJavaScriptで書くことができるという利点を最大限に活かし、サーバとクライアントでコードを共有したり、サーバのコードをクライアントから呼び出すことができます。そうしたことを実現するには、今回の内容を理解しておく必要がありますが、幸いにも大して難しい話ではありません。 MeteorによるJavaScript/CSSの管理自動化 HTML/JavaScriptを用いたクライアントを作成する上で、いつも頭を悩ませるのがリソースの管理です。 大規模なアプリケーションともなると、JavaScriptやCSSが数十ファイルに上ることも珍しくありません。それらを通常の<script>や<link>で読み込むと、それらのファイルを読みこむごとにHTTPリクエストが発生するため
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く