すごい記事が1日目2日目で来ている中で恐縮ではありますが、フロントエンドJavaScriptでパフォーマンス点から気にしたほうがいい部分について書いてみることにします。 DOM律速になるケースもある よく「JavaScriptが遅い」ということも多いのですが、具体的にはどのあたりが遅くなってくるのでしょうか. 純粋にJavaScriptのスクリプト処理が遅い…最近はブラウザ自体も高速化しては来ましたが、それを追いかけるようにJavaScriptの巨大化も進んでいます。ただし、純粋にプログラム言語的な処理なら、Web Workerに振ることで並列化が可能です。 Ajaxや画像読み込みなどの通信が遅い…サーバ側で高速化する手もありますが、状況によってはJavaScriptで先読みを始めておいて、体感時間を短くすることも可能かもしれません。 DOM操作・表示が遅い…これについて今回考えてみます。
調 査 報 告 書 (概要版) 2016年12月26日 2016年12月26日 公益社団法人日本将棋連盟 御中 第三者調査委員会 弁護士 但木敬一 弁護士 永井敏雄 弁護士 奈良道博 当委員会は、 貴連盟からの下記第1の3の委嘱事項について、 調査を実施し、 その結果をと りまとめ、2016年12月26日付で貴連盟に対し報告書を提出した。本書は、かかる報告書の概 要版である。 【目次】 第1 当委員会の概要..............................................................................................................1 1 当委員会の設置の経緯.......................................................................
tech.kayac.com、ささやかにリニューアルしました! tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が?って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ!ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
ウェブサイト制作において、わずかなアニメーションを実装した「マイクロインタラクション」の重要性が高まってきています。メインとなるコンテンツの邪魔せずに、魅力的なデザインを追加できるだけでなく、ユーザーにも分かりやすく情報を伝え、特定の要素に注目を集めることもできます。 今回は、素敵なアニメーションを実装した、HTML/CSS/JSスニペットをまとめてご紹介します。どれもアイデア性にあふれるクリエイティブな動きが表現されています。今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 アニメーションが気持ちいい!コピペで実装できる最新HTML/CSSスニペットまとめ ページの読み込みに多少時間がかかります、しばらくしてからスクロールするとよいでしょう。 Waves 3つのレイヤーを重ね、それぞれ@keyframesを指定することで、カラフルな波ウェーブ・エフェクトを実現していま
PNM(PPM/PGM/PBM)画像に引き続いて説明するのは、 BMP(Microsoft Windows BitMaP Image)画像形式だ。 単にビットマップとも呼ばれる形式で、主にWindowsで利用される形式だ。 これも以前説明したことがある形式だが、改めて説明する。 BMP形式をビットマップと呼んだり、ビットマップ画像といえばBMP形式を指すことが多いのは事実だが、 ビットマップとは本来画像の表現形式で、 ピクセルの集合によって表現される画像をビットマップ画像という。 例えば、PBM形式はPortable BitMapから来ている。 この意味では混同を避ける目的も有りラスター画像という用語もよく使われる。 BMP形式と呼ばれ、拡張子も.bmpが一般的だが、 DIB(Device Independent Bitmap)形式と呼ばれることもある。 DIBの名前から分かるように、デバ
昔っから「拙速は巧遅に勝る」なんていいまして。うちの大親分の受け売りなんですが。 これは早い話が、たとえ拙いことであろうと、巧くても遅いよりは速い方がずっとマシであるというわけですな。現代風には、Facebookの創業者、マーク・ザッカーバーグさんなんて方がDone is better than perfectなどといってるそうで、あれだけのサービスを作り上げた方のお言葉とあってみりゃ、ひとつ傾聴しようじゃないかと、そういう気持ちになるわけです。 もとはといえばこの言葉、古代中国の孫武てぇお方が、最古の兵法書と呼ばれる『孫子』ってぇ本でいったと、そういうことになっておるわけです。 新訂 孫子 (岩波文庫) 作者: 金谷治出版社/メーカー: 岩波書店発売日: 2000/04/14メディア: 文庫購入: 17人 クリック: 64回この商品を含むブログ (101件) を見る 原文はこんな感じです
最近流行っている雰囲気があるPythonだけど、僕も年末にふと気分が高まったので、練習をしてみた。 自分にとってはPerlやRubyよりも先に勉強した、初めてのスクリプト言語がPythonだったので、ちょっとだけ思い入れがある。とはいえ、何年も前に初めてのPythonで勉強した後は、稀に使うくらいだったのでPythonならではの良い書き方とか、良いライブラリの知見とかは全然持ってなかった。 そこで、Pythonに入門しなおしてPython流を思い出した後、自分が気になっているWeb開発をやってみてどういうもんなのかを一通りやってみた。 このエントリは、GoでWebアプリケーション作る練習をしたの続編です(さらに続きはないでしょう)。 入門 Python3 を読んだ 入門 Python 3 作者: Bill Lubanovic,斎藤康毅,長尾高弘出版社/メーカー: オライリージャパン発売日:
2015-07-01 追記OpenCV単体でモザイクを掛ける方法についての記事もあります。pillow経由するよりも楽です。 OpenCVやれよ、となぜかjskny氏に勧められたのでさくっと遊んでみた。 作ったのはOpenCVで画像に写っている顔を検出して、pillowでモザイクをかける、というもの。 サンプルコピーしてきて適当にいじってたら出来てしまった。OpenCVすごい。 0: for rect in faces: rect = rect.tolist() # とりあえずnumpyのままだと使い辛いのでリストに変換。 face = imageOut.crop((rect[0], rect[1], rect[0]+rect[2], rect[1]+rect[3])) # 顔だけ切り抜いて face = face.resize((rect[2]/40, rect[3]/40)) # 40
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く