2013 年 4 月 22 日に JavaScript の GIF Encoder ライブラリをリリースしました。 TypeScript で書いてます。 ダウンロードとデモ 次のページからダウンロードできます。 Web 上で動くデモもあります。 GifWriter.js — GIF Encoder written in TypeScript TypeScript で書かれたソースコードは GitHub のリポジトリに置いてます。 Repository on GitHub : nobuoka/GifWriter.js · GitHub クラス 主要なクラスは次の 2 つです。 vividcode.image.GifWriter vividcode.image.MedianCutColorReducer vividcode.image.GifWriter vividcode.image.Gif

新入社員必読、データベースの基本を理解しよう - データベースはなぜ必要なの？：ITproという記事に対するブクマで次のようなIDコールが来た。（現在はコメント返しへのお礼が入っているので、文字数制限のためオリジナルのコメントは少し切り詰められている。） "リレーショナルデータベースはすべてのデータを2次元の表形式で表現"こういうのもリレーションが2次元構造という誤解の一種なんだろうか。id:nippondanjiさんが書いてたような。 さて、この疑問に対する正解は如何なるものだろうか？ つい先日「7つのデータベース 7つの世界」の書評で書いたばかりだが・・・ 言うまでもなくその通りである。 リレーションが2次元的な構造を持っているというのは典型的な誤解だ。（ちなみにリレーションの次元は属性の数に等しい。n個の属性があるリレーションはn次元。）リレーショナルモデルについてちゃんと学習してい

14. SELECT c1.*, c2.*, c3.*, c4.* FROM Comments c1 -- 1階層目 LEFT OUTER JOIN Comments c2 ON c2.parent_id = c1.comment_id -- 2階層目 LEFT OUTER JOIN Comments c3 ON c3.parent_id = c2.comment_id -- 3階層目 LEFT OUTER JOIN Comments c4 ON c4.parent_id = c3.comment_id -- 4階層目 アンチパターンにより起こること 素朴すぎる故に アンチパターン

先月のHTML5など勉強会で、Yeoman超入門を発表したときに、Yeomanはフロントエンド開発専用にlocalhostサーバー立ち上げるからサーバーサイドとの同時開発はちょっと工夫がいるよね〜みたいな話題があって、参加されてたnode.jsに詳しい方からhttp-proxyつかってapiの部分リダイレクトかけたらいいよみたいな方法を教えてもらった。 なるほどそれは便利だなと思って実際書いてみたら手軽に使える感じにできたので書いておきます。ちなみに今週水曜日にGoogle Developers Liveに出演してYeomanのことを喋らせていただく機会に恵まれたので、その時の参照にも使えるかと思って。（ライブのスライドはこちら） Yeomanは $ grunt server で開発用のWebサーバーを起動することができる。デフォルトで http://localhost:9000/ 以降フ

はじめに 僕はWebフロントエンドはほぼやってないんだけど、Firefox OSとかもアレだって事でソレ系にも手を出すかとあれこれやってたらまぁWebのフロントエンド周りのツールが何か色々あってよくわかんねーしどうしよっかなと思ってた所Yeoman辺りが大分良さそうなんじゃないか程度にはわかって来たので手を出してみた次第。 Yeomanってなに Webフロントエンドでよくある各種構成をコマンド一発で生成してやろうじゃん、というのがYeomanらしい。Yeomanは内部でyo, bower, gruntの3つのツールにわかれていて、Yeoman自身が作ってるのはyo。bowerはTwitter社が、GruntはBocoup社がメインで作っている。 ワークフローとしてはこうらしい yoでプロジェクトを作成し、bowerで依存性管理をし、gruntでビルド&テストをするという事だそうで。volo

ninjinkun/NJKWebViewProgress · GitHub UIWebViewにはロードのプログレスを取れるインターフェイスがありません。恐らく内蔵ブラウザを抱えるアプリを作る開発者はみんな困っているはず。少なくとも自分はずっと困っています。いつか実装されるかなと気長に待っていたのですが、いい加減しびれを切らしたので作りました。iOS 7で追加されて速効ゴミになる可能性もありますが…。 なお、このモジュールはプログレスを返すインターフェイスだけを提供するので、画面に表示するにはUIProgressViewなりを使う必要があります。 プログレスバーはユーザーに進捗をほどよくフィードバックするためのものですが、この辺りの機微が結構難しかったです。*1 最終的にはWebKitの実装を参考にパラメータを決定しました。ロードしたbyte数が取れるWebKitとは違い、ロードが完了した

OpenStack 2012.2（「Folsom」）で新たに追加された新コンポーネント「Quantum」は、クラウド環境内での仮想ネットワーク作成や管理を行うためのサービスだ。柔軟に仮想ネットワークを作成でき、またネットワーク仮想化に対応したハードウェアとの連携機能も搭載している。今回はこのQuantumの導入方法や、シンプルな仮想ネットワーク環境の構築方法について解説する。 OpenFlowにも対応、物理ネットワーク上に仮想ネットワークを柔軟に構築できる 最近のクラウド環境では、マシンだけでなくネットワークについても仮想化が行われている。たとえば仮想マシンをユーザーごとに独立したネットワークに接続したり、仮想マシンに割り当てられたグローバルIPアドレスを動的に変更する、といった機能などは仮想ネットワークの機能を利用して実現されている。クラウド環境を構築するソフトウェアであるOpenSta

Until iOS 6, gloss effects were common across iOS, from buttons and bars to almost any element in the UIKit. With iOS 7, Apple changed its design approach to a flatter interface. That doesn’t mean that it’s wrong or outdated to use gloss effects! It’s still important to know how to create them. Core Graphics makes it easy. Getting Started For this tutorial, you’ll work on a project called Cool Tab

4月になり、新人が入ってくる季節になりました。技術部新卒研修担当の fujiwara です。 これまで弊社技術部では特に技術部としての研修というものを行っていなかったのですが、今年は何かやりたいねということで人事部に7日間確保してもらい、主に acidlemon と2人で新卒8人に研修をすることになりました。 研修の資料などは GitHub でプライベートリポジトリを作って作業しており、それをまとめたものを GitHub上で kayac/newbie-training として公開しています。 どのような内容にするかは事前に昨年度の新卒を含めたエンジニア陣で(社内勉強会でビールを飲みながら)話し合い、 現場で実務に追われてしまうと身につきにくい基礎的な内容 コードを書ける人は多いけどLinuxサーバの操作は不慣れな人が多いので、そのあたりを底上げする内容 をメインに構成してみました。また、7

2013.4.20 追記 CNAMEの間違った使い方を書いていたので、「3. DNSレコードでCNAMEやAレコードを設定する」の項を一部修正しました。 というか、実際に痛い目に遭いました・・・(T T)。 詳しくは本文にて。 2014.10.10 追記 結局Herokuでは「Aレコード + ネイキッドドメイン」の設定を使うことはできなくなりました。 ネイキッドドメインを使う場合は、かわりに「CNAME flattening」という仕組みを使います。 詳しくは以下の記事で説明しているので、参考にしてみてください。 妻のパン屋のwebサイトをいろいろ更新した話 ～Rails 4アップデートとかサイトの高速化とか～ - give IT a try はじめに みなさん、DNS、ネームサーバー(NS)、Aレコード、CNAME、と言われて、「ああ、アレね」ってすぐに頭の中にイメージが浮かびますか？

はじめに：ご挨拶 はじめまして！2013年4月から中途入社いたしました @mana_cat こと平です。エンジニアブログの記事についても定期的にアップしていく予定ですので、どうぞよろしくお願いします。 まずは簡単に自己紹介させて頂きます。1才の子どもを育てながらママエンジニアをしています。1年半ほど、子育てのためにお仕事を休業していました。仕事と子育てを両立しつつも、エンジニアとして世の中に貢献していきたい想いがあり、転職を決意し現在に至ります。 また、対外活動として、勉強会コミュニティ「Linux女子部」を主宰したり、LPI-Japan主催の「LPIC勉強会」でチューターのお手伝いをしたりしています。 趣味は写真。休日は家族でのんびりお散歩しながら写真を撮っています。出身はくまもんの国、熊本。夫の出身は北海道なので、北国独自のカルチャーに刺激を受けながら楽しい夫婦生活を送っています。(最

今回からiptablesの具体的な設定を解説する。iptablesの使い方はやや複雑だが、理屈を理解すれば難しいものではない。前半で紹介する知識を利用して、まずはNATを実現しよう。 前回はiptablesを使用するためのカーネル再構築とルールの設計を行いました。これを基にファイアウォールを構築していきます。今回はiptablesの概要とNATの設定を行いましょう。 なお、前回紹介したルールはあくまでも参考なので、実際には自分の環境に合わせて作成してください。ただし、ルールの作成方法は基本的に変わらないので参考になると思います。 iptablesの仕組みと機能 これから本格的にファイアウォールを構築していくわけですが、その手段であるiptablesを理解していなければ目的を達することはできません。少々回り道になりますが、iptablesについて学んでおきましょう。 iptablesを理解す

Linuxで作るファイアウォール［パケットフィルタリング設定編］：ゼロから始めるLinuxセキュリティ（5）（1/2 ページ） いよいよパケットフィルタリングの設定を始める。しっかりと不要なパケットをブロックできれば、ファイアウォールの内側の安全度はより向上する。パケットの性質やiptablesの動作をここでマスターしてほしい。 前回はNATの設定方法を説明しました。これで見かけ上の経路ができたことになります。今回はファイアウォールの仕上げとして、パケットフィルタリングの設定を行います。 パケットフィルタリングの仕組み パケットフィルタリングの設定とはいかなるものかを簡単に説明すると、どのようなパケットを通過させるか、あるいは到達を許可／拒否させるかを定義することです。iptablesではIPアドレスやプロトコル、ポート、フラグメントなどで制限をかけることが可能です。さらに、送信先、送信元

natテーブルを利用したLinuxルータの作成：習うより慣れろ！ iptablesテンプレート集（2）（1/6 ページ） PCはネットワークインターフェイスの増設が容易なため、市販のブロードバンドルータの代わりにPC＋Linuxをルータにするケースもあります。そこで、Linuxホストをルータとして使用する際に必要な設定を紹介します。ブロードバンドルータの重要な機能であるNATをLinuxで実現するのもiptablesの機能の1つです。 natテーブルによるNATの実現 NAT（Network Address Translation）は、パケット中のIPアドレスを書き換える技術です。ソース側を書き換える場合を「SNAT」、ディスティネーション側を書き換える場合を「DNAT」と呼びます。「1つのグローバルアドレスを複数のプライベートアドレスで同時に共有する」こともNATと呼ぶことがありますが、

ステートフルパケットフィルタを使ったサービスの公開：習うより慣れろ！ iptablesテンプレート集（1）（1/6 ページ） 初心者にとって、iptablesは設定が最も困難な機能の1つである。そこで、学習の第1歩としてテンプレートを自分の環境に合わせて修正することから始めよう。（編集部） インターネットに接続したLinuxサーバにパケットフィルタを適用するのはもはや常識です。社内のセキュリティ規定にも、「Linuxサーバではiptablesを適切に設定すること」などと明記されていることも珍しくありません。ネットワークに対する知識の有無にかかわらず、Linuxでサーバを立てる際にはiptablesの設定は避けて通れません。 しかしiptablesなどのパケットフィルタツールを理解するには、ネットワークについての深い知識、しかもパケットレベルのミクロな知識が必要になります。本連載では、そのよ

はじめに 最終回にあたり、iptablesを便利に使うTipsを紹介します。iptablesを1つ1つコマンドラインで実行するのは大変面倒です。そうした煩わしさを軽減できる設定や、実際の運用の手助けになるような工夫を紹介します。 関連リンク： →Linuxで作るファイアウォール［パケットフィルタリング設定編］http://www.atmarkit.co.jp/flinux/rensai/security05/security05a.html →連載記事 「習うより慣れろ！ iptablesテンプレート集」http://www.atmarkit.co.jp/flinux/index/indexfiles/iptablesindex.html →連載記事 「習うより慣れろ！ iptablesテンプレート集 改訂版」http://www.atmarkit.co.jp/flinux/index/i

Webサイト運用の課題を弊社プロダクトで解決したお客様にインタビュー取材を行い、100の事例を108ページに及ぶ事例集としてまとめました。 100事例のWebサイト運用の課題と解決手法、解決後の直接、間接的効果がわかる 情報通信、 IT、金融、メディア、官公庁、学校などの業種ごとに事例を確認できる 特集では１社の事例を3ページに渡り背景からシステム構成まで詳解

とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。

どもども。PITE.です。 僕はこのブログNumber333を更新している時はほとんど家の外にいます。 何故かというと家では集中できないから。ダメな子ですね。家ではどうしてもくつろいでしまいます(´Д｀ )。 なので僕は普段カフェやコワーキングスペース、電車の中などで記事を書くことが多いです。やはり人の目があると全然集中の深さが違うもので、自宅にいる時の3〜4倍くらいの効率で作業ができてしまいます。なので多少お金はかかっても外に出かけるようにしています。僕の場合またそれが記事のネタになったりもするので。 そんなわけで、普段外出している僕はいつでもどんなところでも作業ができるような“環境”を日々”持ち歩いて”います。 今では自宅と同じ作業環境がカバンの中にすっぽり入ってしまう時代なのです。 このセットと電源とネット環境さえあれば僕はたぶん日本、海外どこでも生きていくことができます。 最近良い

技術部新卒研修担当の fujiwara です。 前回の記事「2013年の新卒研修と社内ISUCONやりました - (1) 研修編」に引き続き、新卒研修の最後を飾るイベント、社内ISUCONについて詳しく振り返ります。 社内ISUCONとは レギュレーションはこちらです。 各チーム1台ずつ使用できる仮想マシン上で、お題のアプリケーションを動作させる 外部からベンチマークを行って処理できたリクエスト数をスコアとする アプリケーション、OS、ミドルウェアなど、どのようなチューニングを行ってもよい ベンチマークスクリプトはデータの整合性をチェックするロジックが組み込まれており、アプリケーションとして不整合を起こしていることを検出するとFAIL(スコアなし) 10:00〜17:00 までの作業中には適宜ベンチマークを実行できる 作業終了後の最終計測でのスコアが高いものが優勝 (FAILしたら失格。1

titanium mobileで作成したiPhone向けアプリに広告(appbank network/nend)を付けてみた。 訂正：「既にストアで配布されている事」を前提にと記載しておりましたが、広告枠作成時にアプリの公開URLが未確定の場合、ブログのURLや自分のサイトURLなどを入力する事で、アプリの審査前や開発段階でもappbank netowork/nendの広告を組み込む事が可能です。ご担当N様、ご指摘ありがとうございます。 作成したアプリが「既にストアで配布されている事」を前提に、下記の手順で進めていきます。 1, 今回はappbank networkでメディアパートナーの登録 (http://nw.appbank.net/entry_form.html) ※登録に２〜３日掛かりました。 2, 広告枠を作成（承認に数日掛かります） 3, SDKをダウンロードしてマニュアルをじ

絶賛 Titanium2.0 & ACS 祭りの中、いろいろ乗り遅れてます・・・ （先週もmeetup参加できず、、、残念、すいません） mediba ad および nend の広告SDKをTitaniumで使うためのモジュールを作りました。 各社の提供している、Android用SDKを利用します。 現在のものは、Titanium Mobile SDK 1.7 以下のものです。 （自分の環境的に。。。追々1.8以降版も対応するつもりです。みなさんAndroid2.1は切り捨てたの？） harukazepc/TiMedibaad4Android - GitHub harukazepc/TiNend4Android - GitHub もしよろしければご利用いただき、なにかあればフィードバックいただければと思います。 これらのModuleは、各社のSDKの利用方法にそって、Titaniumからア

なにかと話題のサービス「sercus」の新機能がリリースされたのでご紹介。 ■ sercusとは 世の中に溢れている大量のWebサービスをまとめているサイトです。 sercusには現在500以上ものWebサービスが登録されており、各サービスがカテゴリごとに分類され、それぞれにレビュー・掲示板機能がついています。 単なるWebサービスサーフィン(?)だけでなく競合分析などに使えそうですね。 ■編集リクエスト機能 今回新しくリリースされたのが「編集リクエスト機能」。 これにより、今まで登録申請をした人のみ可能であったサービスの編集作業をユーザ全員でできちゃいます。まるでWebサービスのWikipediaですね。 編集画面はこんな感じ。 まだまだできたてホヤホヤのサービスなので今後のアップデートに期待！ とりあえず今のうちにブックマークしておきました♪ 個人的にはここに載るくらいのサービスを企画

Developing an amazing application is not a simple job. Traditionally, one of the most difficult aspects of doing so has been creating rich, compelling interfaces. This tutorial will teach you how to build a custom text input view that will help make your own apps shine! Tutorial Preview Series Overview This tutorial is the first in a collection on building custom interface elements. In this tutori

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

仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス＆アフィリエイト＆ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar

だいたいこの記事のまんまですが大雑把な訳記事だと思ってください。 こんなファイル(app.js)があったとする。 //app.js exports.testableMethod = function () { complicatedMethod(untestableMethod); }; var untestableMethod = function (a, b) { return (a + b); }; testableMethodはexportsされてるのでテストできますね(まぁ参照エラーでるけど) こういう時untestableMethodのテストって結構至難の業でexportsされてるメソッド経由でテストしてたり、テスト用に var local ; exports.test = local = {}; local.privateMethodA = fucntion () {}; と

読了時間：約 3分41秒 photo credit: Paloma Gómez via photopin cc グーグルSEO対策による検索流入はとても大事！ 1ページ上位の表示サイトやコンテンツが検索できた流入をほとんどもっていきます。 閲覧数は検索順位の上位と圏外では雲泥の差です。（Web担当者ならとても気になるところ） 今や上位表示される為にはテクニックだけでなく。。。 検索ユーザーの満足度を高めるコンテンツ(情報)を提供している必要があります。 グーグルがどのように価値あるサイトやブログを見分けているか？最新の対策を学ぶ為、 2013年4月20日（土）に開催された「ブロガー向けGoogle SEOセミナー」に参加してきました。 Google SEOセミナー内で学んだことを8つ紹介してみます。 因みに前回開催はブロガー向けGoogle Analytics アクセス解析セミナーでした。

ブログを書いている人ならAmazonのアフィリエイトである「Amazon アソシエイト」をやっている人も多いのではないでしょうか。 そんなAmazonのアフィリエイターにオススメのWebサービスがあります(´∀｀) Amapic（あまぴく） - Amazonの画像リンクを簡単にブログに貼ろう どんなサービスかというとAmazonのアフィリエイトリンクを「サイズの大きい画像」で作ってくれるという内容です。 というものの、Amazon公式のアフィリエイトリンクは画像が小さいんですね。 例えばこんな感じです。 一番最大の画像サイズでこれなので、小さく感じる場合もあります。 そんな画像の小ささを解決してくれるのがAmapicです。 【使い方】使い方は簡単です。 リンクを作りたい商品の商品名、自分のAmazonアソシエイトIDを入力します。 すると自動的に商品検索して3種類の画像サイズの商品リンクを

デモ ニコニコ動画の伝説の動画 「テトリスを1時間強で作ってみた【実況解説】」という動画をご存知でしょうか？ 2009年にニコニコ動画で公開されて話題になった動画です。 インタビュー記事：「テトリスを1時間強で作ってみた」動画の投稿者にインタビュー──「プログラミングの楽しさ伝えたい」 この動画ではテトリスをいちから作ってわずか62分で完成させています。 しかし実はスタート直後はMinGWのインストール、EmEditorのインストールに続いてブロック画像の作成などをしており、プログラミングが始まるのは開始13分のところからです。 さらに次の10分は「空のウィンドウ」を作るために時間を使っており、実質的にテトリスのプログラミングが始まるのは動画23分のところからです。 つまり、実質的に40分のプログラミングでテトリスを完成させています。 で、動画を見ながら同じようにやれば誰でもテトリスを作れ

Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại

データベースとは、その名の通り、なにかしらの情報（データ）を蓄積した集合体です。ただし、ただ無作為に蓄積すれば良いというものではありません。あとから検索／分析することを目的に、ある一定のルールに基づいて蓄積した情報のことをデータベース（DB：DataBase）と言います。また、データベースを管理するための専用ソフトウェアのことをデータベース管理システム（DBMS：DataBase Management System）」と言います（ただし、本記事では特別に限定することなく「データベース」といった場合、「データベース管理システム」を含むものとします）。 データベースは身近な「床下の力持ち」 もっとも、データベースというと、「なんか難しそうなんだよね」「そもそも自分の生活とは無関係なんじゃない？」などと考えている人も多いようです。あるいは、新しい環境で本記事を読みながら「未知の世界へ乗り出すんだ

こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具

学習サイトとして良さそうだったのでご紹介。 JS Daresでは、簡単なゲーム作りを通してJavaScriptを学ぶことができる。 最初は戦車を動かすプログラムからはじめて、少しずつ、自分のペースでレベルアップしていくことができるようだ。 すべてブラウザ上で完結するので環境を用意する手間もいらない。そろそろプログラミングを、という初学者の方はいかがだろうか。

ども〜！@asuka_xpです。 ここ1ヵ月くらいで、Google AdSenseの規約違反による広告配信停止の話を3件ばかり耳にしました。 ブログだけで生活している身としては、Google AdSenseに大きく依存するのは怖いな〜と感じました。 もともとこのブログの収入のうちAdSenseの比率ってそんなに高い方ではないのですが、昨年のパンダアップデートとかペンギンアップデートが実施されたときに、僕は徐々にAdSense以外のアフィリエイト広告に力を入れてきました。 「BLOGGERS' FES ブロガー向けSEOセミナー」でのLTで登壇したとき、僕はあえて「銭（お金）」をテーマにした発表を行わせていただいたわけです。 お金とかアフィリエイトの話をするとけっこう嫌われたりするので、みなさんの前で話すのが怖かったんですが、終わってみればいろいろな方から嬉しいお言葉をいただけて良かったです

2013年4月17日にオラクルで開催された「MySQL Casual Talks Vol.4」に初参加してきました。 さらにライトニングトーク（LT）もさせて頂けましたのでレポートしたいと思います。 前夜 開催前日の夜に「MySQL Casual Talks Vol.4」のイベント告知をTwitterで見つけました。 この手の勉強会は気づいたときには満席で参加を諦める事が多かったのですが、 今回は「事前登録不要/先着順受付」という新しい試みのお陰もあり、参加することが出来ました。 どうやらLT枠がまだあるようなので、ここはチャンスとネタ探しを始めました。 空き狙いでLT発表したいMySQL-5.6ネタがあるのだけれど、スライドを明日までに用意できるだろうか… #mysqlcasual— Y.Kentaro (@yoshi_ken) April 16, 2013 @yoshi_ken まだま

仕事でRobotlegsというAS3のフレームワークを使っているのだけど、DI機構がかっこよかったので、Injectorだけ真似て作ってみた。 mizchi/injector.js · GitHub https://github.com/mizchi/injector.js Robotlegs AS3 Micro-Architecture - Home http://www.robotlegs.org/ 使い方 ConstructorClass.inject に {key:InjectedClass} で実体化するインスタンス名と実体化するクラスを登録する。 CoffeeScriptで違和感無いような記法でチューニングしてある。 class UserModel class X_View Injector.register(@) @inject: model: UserModel Injec

先日JSHint 1.1.0がリリースされ、そのリリースノートに気になる記述がありました。 Adds new option gcl to make JSHint style checks compatible with Google Closure Linter. うそーまじでーなにそれヤバイ！ 普段は仕事でClosureにどっぷりなせいもあってClosure Linterを使っているんですが、Closure LinterってJSDocとかお作法的なとこはチェックしてくれるけど、他のLintツールが当たり前にチェックしてくれるとこはやってくれないんですよね。たとえばvarの付け忘れとか。 Closure Compilerを使ってコンパイル時にチェックすることもできるけど、規模が大きくなってくるとその結果が出るまでに10分とか待たないといけなくっていやな感じー。Closure Linterと

4月から新社会人となったみなさん、おめでとうございます。毎日慣れないことばかりで大変なのではないでしょうか。今回はそんな皆さんに、おすすめできそうな便利なデジタルグッズをまとめてみました。これらをうまく活用すれば、きっと仕事もうまくいくこと間違いなし！？ 【ビジネスバッグ】

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

前から作りたかったクラフトビール好きな人のためのiPhoneアプリを作り始めたこともあり、Titaniumの標準APIのみで割りと今風なUIを実現できないか日々模索してます。 Instagramやミイルのようなアプリで写真が正方形にレイアウトされているかと思いますが、こういうのをTitaniumの標準API のみで実現できないか関連しそうな情報を探していたらAppceleratorのQ&AにCrop imageViewという情報を見つけました 上記記事にソースコード書かれてるのですが、元画像と実際に切り抜き結果のキャプチャを比較しながらのほうがより理解できると思うので、簡単にまとめておきます ビール系の写真が見つからないので、ひとまずこれを素材画像としました。 どうでもいいけど↑これブラザーズ 人形町店というお店で食べたハンバーガーで凄い美味かった 切り抜き処理のポイント 以下がソースコー

Captcha security check appersonlabs.com is for sale Please prove you're not a robot View Price Processing

Captcha security check alloylove.com is for sale Please prove you're not a robot View Price Processing

TiShadow で iOS / Android アプリのプロトタイプを爆速で作る方法

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

@ITのHTML5 + UX : HTML5とUXの総合情報フォーラムというカテゴリで、少ない手間と知識でそれなりに見せる、ズルいデザインテクニックという記事があります。 クラフトビールの情報（特にクラフトビールが買えるお店のやつ）をiPhoneで気軽にチェックしたいという自分の欲求を満たすためにアプリ作っているのですが、UIデザインをそれっぽく仕上げたいので上記記事を参考にして、このような↓感じのUIを作ってみました。 グラデーション設定での工夫点 SassやCompassを使って、ズルいデザインテクニック (1/2)という記事の中でズルいグラデーションという内容が取り上げられています。 一部引用すると ベタ塗り一歩手前くらいの、微妙な明度差のグラデーションで本物っぽい質感を出そう 一見、1色でベタ塗りにしたように見えるけど、よく見ると微妙に上下で色の明るさが異なるグラデーションを、「ズ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert