大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」（デブサミ2012）で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏～大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library

デザイン上級者は、中級者と初心者と何が違うんだろう？って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。

提案資料や設計資料をアイコンや図入りでわかりやすくしたいけれど、寄せ集めたアイコンは図柄がばらばら…足りないものがある･･･など思ったことはありませんか？ そんなご要望に答えて、資料に使えそうなアイコンセットをぷちぷち自作してみました。 今回は需要の多いビジネス系アイコン60種類(png形式)です。 顔あり顔なしバージョンがありますので用途に合わせて。 ↓アイコン見本↓ ↓使用例↓ 個人使用も商用もフリーですので、気に入ったら提案書や設計書で、デザインのポイントとして、是非使って下さい。(二次配布はご遠慮願います) もし好評でしたら、次回作も？ こんなん欲しいなーというご要望も、 コメント欄・ブコメ・Twitter などでお待ちしています！ ダウンロードはこちらから Tweet hinata Webデザイナーをやっているイラスト描き屋さん。 記事を書きながらデザイン勉強していきます！ が、

This domain may be for sale!

2012年02月20日07:14 【孫子】お前ら、兵法は勉強してるよな？【六韜】 Tweet 1：無名武将＠お腹せっぷく：2007/07/23(月) 00:00:09 兵法や、それを応用した戦いについてのスレが無いから立てた。 何でもいいから、兵法とか有名な戦いについて考察しようぜ！ 2： 魔王ザビエルζﾉ゜ゝ》》つ‡：2007/07/23(月) 00:17:45 車懸り 中世以後の戦法で、一番手・二番手・三番手と代わる代わる 入れかわりたちかわり相手を休ませずに攻めたてること。 http://www.weblio.jp/content/ 5： 隠れ麋竺オタ ◆AQI/vjrPPE ：2007/07/23(月) 00:42:12 メジャーなところで兵法三十六計をいってみようか。 第一套の勝戦の計（こちらが有利なときの戦い方）に逸を以て労を待つというのがある。 敵の勢いを削ぐには戦いによらず

奥田碩元会長（トヨタ自動車元社長）に誘われたのが直接のきっかけでした。当時は小泉純一郎政権下。経団連は改革の旗手を担う組織でした。ただ、その後、会長が奥田さんから御手洗さん（御手洗冨士夫・キヤノン会長兼社長）に代わり、それからまた米倉さん（米倉弘昌住友化学会長）になるにつれ、どんどん風向きが怪しくなっていった。 辞めようと思った直接的なきっかけは、やはり震災後です。経団連は（電力の）発送電分離の話が出たときには早々に反対し、原子力発電所については早々と賛成であると表明した。「多分経団連ってそういうために作られたんだな」とその時、初めて分かりました。 経団連が言っていることがあたかも経済界の統一見解のように言う。だから僕は「そんなことないよ」と世の中にはっきり言いたかった。違う意見だってあるんだよ、ということですね。 「経団連は日本企業の護送船団方式を擁護する団体」 ツイッターで退会をほのめ

DISCLAIMER： 私はプライバシー分野はもちろん一応の勉強はしていますが、必ずしもコアな専門領域というわけではないのでBest Effortベースで書いています。もっと詳しい方からのコメントを期待します。 IBMの「ビッグデータ」担当の人が日経ITProのインタビュー記事で「ビッグデータ」の応用として通話履歴（CDR）を使ってソーシャルグラフを作るというような事例を挙げたのに対して「それは通信の秘密に反する違法行為ではないか」ということで、twitter界隈を中心にプチ炎上的な状況になっています（参考togetter）。 そもそも、「ビッグデータ」と言う言葉が出る前から通話履歴情報の分析はデータウェアハウスの重要応用分野でした。通話履歴の分析がいっさいできないということであれば容量計画もできないですし料金の設定もできません。 過去にこの手のデータウェアハウス・アプリケーションについて

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

今日もTwitter Bootstrapの話。やっと 出たって印象でしょうか・・デザイン を変更できるWebサービスです。こうした 人気のフレームワークでこのように デザインを変更できるのはありがたい ですねー。 人気のTwitter Bootstrapのデザインを直感で作成出来ます。自分で変更を加えるのは若干面倒なのでこれで大まかに作ってしまえば工数削減に繋がるかもですね。 StyleBootstrap.info 直感でサクサク作れます。Bootstrapみたいなフレームワークをご存知の方ならこういうの触った経験ある方のほうが多そうですので使い方は割愛します。 背景とかフォントとかボタンの色を変えられる、みたいなやつ。リアルタイムで反映されるので確認も楽でした。 以下のようなものを数分で作成出来ます。 やっつけ仕事でごめんなさいｗボタン周りはグラデーションで作れるようになってますね。 要

HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探したところ、「Online JavaScript beautifier」を見つけました。 Online JavaScript beautifier 使い方は簡単で、整形したいコードをはりつけて、ページ上にある「Beautify JavaScript or HTML」をクリックするだけです。サンプルコードが表示されているのでクリックすれば整形されることが分かります。 jQueryで試してみます。下は整形前のものです。 いい感じに整形されました。 次にHTMLで試してみます。下は整形前のものです。 こち

160 Tiny Icons / 128 16px Toolkit Icons / 16px Glyph Icons他...全14件

GumroadのパクリサイトAmeroadを作って、ヤフオクに出したら、株式会社Razestの木村社長に150万円で落札していただきました。ありがとうございました。 今回、ヤフオクで売るというスキームは非常に面白いと思いました。このスキームは話題性のあるサービスでないと、傾向的に値段がつきにくい上に、ヤフオク商品で稟議決済ができる会社もそんなにあるはず無いはずなので、あまりオススメできません。しかし、2/14にサイトができて、2/19にバイアウトするというのは、前例があまりないモデルだと思います。超短期小額バイアウトモデルとして面白かったです。「値段安すぎ」というツィートも多いですが、僕個人としては、試みとして、やってよかったと思います。経緯を書きます。 つづきは、本でも買って下さい。すいません。 ソーシャルもうええねん

最近話題の「日本語入力を支える技術」を途中まで読んだ。 3章がものすごく気合いが入っている。 trie（トライ）というデータ構造の2つの実装、「ダブル配列」と「LOUDS」について詳しく説明がされている。 ダブル配列については、ぼくは以前論文を読んで勉強しようとしたのだが、その時は難しくてあきらめた覚えがある。しかし、この本の説明を読むことで理解ができた。 ありがたい。 感銘を受けたので、この本を教材に友達と2人勉強会をした。 この2人勉強会というのは、ぼくが復習を兼ねて友達に教えるというのがだいたいのスタイル。 しかし、いざやってみるといろいろと難しい。 次のようなところでひっかかるようだ。 例のサイズが小さく、イメージを喚起するのが難しい。 最初の図のノード番号と、最終的なダブル配列上の位置が異なるため、混乱する。 単語終端について言及がないので、どのノードが単語を表しているかがわから

今日はiPhoneブロガー界ではもはや定番ともいえるRSSリーダー、Sylfeedをご紹介。このアプリに関してはもう既に詳しい解説記事がいっぱいあるので、わたしはなるべくライトに「こんな感じに使ったらすごく便利でした！」的な内容でいきたいと思います。 SylfeedとはいわゆるRSSリーダーアプリです。Googleリーダーに登録しているフィードの閲覧や共有を行うことができます。 公式サイトはこちら↓このサイトはかなり情報が充実しています。開発者さんのアプリへの愛を感じますね。 そして、色々なブロガーさんが書いてくれている使いこなし記事がこちら。 Googleリーダーの共有が無くてもはてブを付けて全文自動でEvernoteへ送る方法 | Evernote | Yu_notes.Sylfeedを使って最速で現在のはてブ数を調べる方法 | iPhone | Yu_notes.超多機能な国産のRS

ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka めんどくさがりの私は、日記をつけることさえ長くは続かないのです。 でも、@jmatsuzakiさんも言っているように、日記を書くという習慣は、それはそれは大切なことらしいのです。 さて、そんなめんどくさがりな私は、どうやったら日記を書き続けられるでしょうか。 また、やるからには小学生みたいに「朝起きて、夜寝ました」みたいなことは書きたくない。（いきなり書き始めたら私はこうなりそうで怖いｗｗ） そんな時に、過去のウェブクリップを見返してたら、いいものを見つけました。 それが、わかったブログでネタに挙がっていた「４行日記」です。 ■４行でイイ。型が決ま

書籍や論文をあたることもなく、インターネットでほぼ無償に近い形で無尽蔵に情報を手に入れることが出来る現在、エンジニアが価値のある存在として「自分を差別化」することがこれまで以上に難しくなってきているのではないでしょうか？ オープンソースソフトウェア開発などを通じてキャリアを重ねている私が「これまでの10年」、如何に差別化を計ってきたのか、秘策を大暴露します。皆様の「これからの10年」のキャリア構築の参考になればと思います。Read less

Are you looking for some cool and appealing pattern collections? If yes, then look no further, this article is just for you! Here we are showcasing some free to use Floral pattern collections that will help you making your art works look even more appealing and tempting. You can utilize these floral patterns depending on your style and your design concept. We hope that you can find some good optio

先日紹介した、Dropbox Automator がアップデートして、さらに多くのウェブサービスと連携できるようになりました。 今回のアップデートで対応したのは Google+ / Picasa、Box.net、Kindleへの送信で、特に Google+との連携は Dropbox に写真を入れればいちいちブラウザからアップロード不要になります。 また、Dropbox Automator が Dropbox のすべてのフォルダにアクセスできるのが気味が悪いという人向けに、Dropbox Automator が利用するフォルダを１つに限定する設定も増えました。これでぐっと現実的に利用できるサービスになりましたね。 ### 便利な ifttt との連携 リリース以来、多くの人が Dropbox Automator を条件付きでアクションを起こすサービス ifttt と連携しているそうで、たとえ

2017/04/25にDevOps Days Tokyo 2017で登壇した際の資料です。 サーバレスアプリケーションのライフサイクル管理について。

日次レビュー、週次レビューという言葉も最近ではすっかり定着しつつありますね。 定義は人それぞれでしょうが、私にとってのレビューとは 『自分のフィルターをもう一度通す』 つまり、自分がクリップしたWeb記事や、書いたメモ、ブログや日記などを読み返し、将来に備える作業をレビューとしています。 私は、毎日のほとんどのログをEvernoteに溜めています。 ですから、Evernoteのタグ付けこそレビューなのです。 私がやっているレビュー時に使っている検索例はコチラです。 拡大すると 『保存された検索』に登録するショートカットキーはコチラ。 検索　　　　Command+Option+F 検索を保存　Command+Option+S そして、ちょうど一年前、つまり2011年の2月19日に作成したノートを検索するには created:day-365 -created:day-364 6ヶ月前なら cr