Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers

最近、D3.jsを使ってみたら、jQueryでできることがD3.jsでもできる。 混ざってると変なので、D3.jsを使うときは基本D3.jsで書きたいなぁということでメモ。 総合すると、D3.jsでビジュアライズするための操作はD3.jsがよくって、そうじゃない普通のDOM操作はjQueryがよいという当たり前の感じですね。 APIドキュメント 当然、全部はメモしないので、困ったときはちゃんとAPIドキュメントをみる。

Raspberry Piを購入したきっかけ 筆者がRaspberry Piを購入したのは、3,500円程度でLinuxが動くという理由からでした。よく使用するArduino Uno※1が3,000円くらいでマイコンレベルなのに比べると、性能的にはるかに安かったのです。しかし、買った時点では特に何に使おうかは考えていませんでした。とりあえず起動して、安いのにXウィンドウ動いてスゴイな、という印象でした。ところがふとしたことから、次に取り上げるNode.jsが動くらしいという情報を得て、本格的にいじり始めました。 まずはNode.jsをRaspberry Piにインストールして、チャットアプリを作成するところまでを説明していこうと思います。後半ではRaspberry PiでNode.jsを使ったプロトタイピングの例を紹介します。 ※1　Arduino Uno: プロトタイピングデバイスとも呼ば

はじめにHTTPのContent-Encoding: gzipにより、アプリ...

GIMPは個人的にも利用しているソフトウェアで、殆どの画像フォーマットの読み書きに標準で対応していますが、PostScript形式のファイルの読み書きは対応していません。PostScript形式の読み書きを行う場合、GhostScriptを利用します。 処理の概要は下図のようになります。 ※GIMPを使った画像の作り方に関しては 【無料でOK】GIMPで画像作成-Facebookの投稿画像を作る にも記載しています。参考にどうぞ。 参考 : Using External Programs - GIMP GIMPのインストール まずはGIMPをインストールします。 インストーラーの取得 私は SourceForge.jp ( GTK+ and The GIMP installers for Windows - SourceForge.JP ) からダウンロードしました。 インストール 取得し

<table> <thead> <tr> <th>タイトル</th> <th>内容(文字列クリックで展開)</th> </tr> </thead> <tbody> <tr> <td>じゅげむじゅげむ</td> <td class="text overflowheidden" contenteditable="true" >寿限無、寿限無 五劫の擦り切れ 海砂利水魚の 水行末 雲来末 風来末 食う寝る処に住む処 藪ら柑子の藪柑子 パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの 長久命の長助 </td> </tr> <tr> <td>ピカソの名前</td> <td class="text overflowheidden" contenteditable="true">パブロ ディエゴ ホセ フランシスコ デ パウラ フアン ポムセ

Data isn't a thing that's easy for the average person to grasp. While some can look through a spreadsheet and instinctively find the information they need within a mass of figures, the rest of us need a little help, and that's where data visualisation can be a real help. For the designer, the challenge is not only in rendering a set of data in an informative way, but also in presenting it so that

モバイルソリューション事業部という主に京都でのアプリ開発部署の部長をしています、長村です。 メイン業務は会社の麻雀で振り込んだりチョンボしたりすることです。嘘です。 今回は番外編として、「ベトナム」のインターネット回線について、です。 今、ベトナムの首都ハノイに家を借りて仕事をしています。なんでハノイに居るのかは深くここで言及はしませんｗ ベトナムといえばチャイナ・プラス・ワン、VISTAなんて言われて日系企業が多く集まっています。 製造業などだけでなくシステム開発などITの分野でもオフショア開発先としてかなりの企業が進出しています。 ベトナムのオフショア開発先としてのメリット・デメリットはネットでたくさん情報も出ていますし、僕自身ベトナムで今オフショア開発をしている訳ではないので生の声は届けられないため、ひとまず身近な家のインターネット回線について書いて行きたいと思います。 家で契約して

以前、svgで地球儀を描き回転させるという記事を書きましたが、その記事についてお問い合わせいただき、メールにて返信したところmailer-daemonさんに「次の受信者への送達は、恒久的に失敗しました。メールアドレスが存在しません」と言われてしまって返信できなかったのでブログの記事として掲載しておきます。 地軸を傾けながら地球儀を表示する 右に23.4度傾けて表示しています。 グループ(g)要素のtransform属性でrotateを指定し全体を傾けています。 サンプル example /*地図を表示するステージを追加*/ const stage = d3.select("svg"); const rotateStage = stage.append("g"); const seaLayer = rotateStage.append("g"); const landLayer = rota

webフォントを使うには CSS3の@font-faceでフォントファイルを指定する必要があります。 @font-faceを使ってフォントファイル名とフォントファイルへのパスを指定します。 パスはアップロードするディレクトリのパスなので、サイトによって異なります。 JapanSans80の例をあげると以下の様になります。 @font-face { font-family: 'JapanSans80'; src: url('http://webfontfan.com/fontcss/font/JapanSans80.eot'); src: url('http://webfontfan.com/fontcss/font/JapanSans80.eot?#iefix') format('embedded-opentype'), url('http://webfontfan.com/fontcss

お前らブログを書け。 何してる、早くしろ。書け。 お前らのブログは面白い。 いい時代になったと思わないか。 お前らの書いた文章を好きな時に好きなだけ無料で俺が読める。 俺の書いた文章を好きな時にお前らが読める。 ブログを書いたことない奴も今すぐ書け。 俺が読んでやる。 内容なんて何でもいい。好きなことでも、嫌いなもののことでもいい。 ノリと勢いで書け。 読みづらくてもいい。文法がおかしくてもいい。140字未満でもいい。写真ばっかりでもいい。 続かなくてもいい。しかし3回は書け。 3回とも似たようなことでもいいし、バラバラでもいい。1回目と3回目で全く逆の意見でもいい。 既にブログを書いている奴、お前はさっさと書け。 ゴチャゴチャ考えるな、いいから書け。 今から俺も書くから、お前らブログを書け。