はてなが青山にお引越ししたと聞いて、私の会社から割りと近くなのでふらりと行って来ました。 Hatenaエントランス。 青山っぽいおしゃれな感じですなー。 木。 はじっこにはお手洗い。 最初に案内してもらった会議室。 テレビ会議ができちゃうらしい。 壁一面ホワイトボーーーード！ あれ…ここにはいないはずの誰かに似ている… kiyoheroたんがもっているのはカイさんからの手土産。 さすがカイさん。 私は思いっきり手ぶらで行きましたごめんなさい。ごめんなさい。 初代はてなTシャツまで仕込んでいるカイさんさすが。 セキュリティカードで開く扉をあけると…そこには既にまかないが！ kiyoheroさん… いい眺めですなー ここにもカメラ付きテレビが。 京都のオフィスがうつってました。 なんというか…覗き見してる気分で…不思議な感じ。 こちらは社長席。 なんもない…。最強にシンプル。 社長席付近から見
Amazon Web Services（AWS）を利用するスタートアップ向けのワークショップ「Go Global with AWS！ - Hands on workshop -」（AWSとサンブリッジの共催）が9月25日に開催された。 アマゾン データサービス ジャパンのテクニカルエバンジェリストである堀内康弘氏、同ソリューションアーキテクトの松尾康博氏らがAWSの最新動向や活用のヒント、海外企業の事例などを紹介した。 AWSがスタートアップに向く理由とは 堀内氏はまず「AWSは非常に考えられたサービスであり、スタートアップが抱える課題に対する解決策の1つになる」とし、AWSを利用することの大きなメリットとして、コスト削減につながること、処理が自動化できることを挙げた。 スタートアップの場合、できるだけ費用を抑えたいという気持ちからVPSのような月額固定で料金も比較的安いサーバを選択しがち
隣の席の人が「Sublime Text 2はじめます！」って言って来たのでTwitterでメンションつけてURLを投げたら有用と思う人がおられるみたいですのでまとめておきます。（2013年01月22日現在） こういうの「ねいばーまとめ」にでもしておけばいいのかなあ。まあ、いいや。 Advent Calendar 2012 Sublime Text 2 Advent Calendar 2012 ドットインストール Sublime Text 2の基礎 (全12回) - ドットインストール 紹介記事 【コラム】イマドキのIDE事情 (143) 今話題の高機能テキストエディタ「Sublime Text 2」その人気の理由は? | 開発・SE | マイナビニュース カスタマイズ自由・軽量なエディタ「Sublime Text 2」 | ACTZERO - 株式会社アクトゼロ 総合 Sublime Te
iOS 4.0 と iPhone OS 3.x の両方で動作するアプリケーションをビルドする設定 - 24/7 twenty-four seven ↑ こちらも参考に iOS 4.0 が登場したくらいのときに上の記事を書いて、仕組みは変わってないのですけど Xcode 4.x 系だと UI が変わってるので現在のやり方をまとめます。 ベース SDK と Deployment Target を設定する プロジェクトの "Build Settings" で "Base SDK" を "Latest iOS" にします。 前にも書きましたが、ベース SDK は最新を指定したほうがいいです。 プロジェクトの "Info" で "Deployment Target" をサポートする OS の最も低いバージョンにします。 （下の場合は iOS 5.0 以降で動作する。） 今なら、Base SDK 6.
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
この順序で指定するのが必須というわけではありませんが、durationとdelayの順序だけは決まっており、逆にすることが出来ません。 記述例) transition /* * @transition-duration * @transition-property * @transition-timing-function * @transition-delay */ transition: .3s background ease .5s; 当記事執筆時点（2012年11月）では、このプロパティに対してベンダープレフィックスをつけて指定することになります。 ベンダープレフィックスをつけてみた - transition -webkit-transition: .3s background ease .5s; -moz-transition: .3s background ease .5s;
個人でも商用でも無料で利用でき、バックリンクも不要、コピーも修正も配付もOKな2012年版の世界各国の国旗のアイコン素材を紹介します。 国旗アイコンはこれさえあれば、もう困らないって感じですね。 2500 Flag Icon Set 国旗は全部で250種類あり、デザインはフラット・シャイニーの2種類が揃っています。a 国連加盟国数は2012年現在193ですが、例えばイギリスだとイングランドやユニオンフラッグが揃っています。 国旗は各国、デザイン2種類、サイズ5種類 ダウンロードできる素材のフォーマットはPNGで、サイズは16×16, 24×24, 32×32, 48×48, 64×64の5種類です。 素材は個人でも商用でも無料で利用でき、ライセンスはMIT Licenseでバックリンクは不要、とのことです。 詳しくはダウンロードファイルの「LICENSE.txt」をご覧ください。
CSS3 Form Styling Cheat Sheet CSS3でスタイルするテキスト入力欄 CSS3でスタイルするフォームのボタン CSS3でスタイルするテキスト入力欄 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 HTML <form> <input type="text" class="hoge" /> </form> まずは、ベースとなるスタイルシートです。 CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; 枠線を角丸にします。
textareaのキャレットを細かく制御する関連jQueryプラグインまとめ ちょっと調査をする必要があったので調査したのですが、あとで忘れそうなのでブログに書きつつシェアです。 textarea内のカーソル位置に何かテキストを入れたい、今のtextarea内でのカーソル位置を知りたい、といった場合、クロスブラウザの事を考えると結構面倒なのですが、そういう際に使えるjQueryプラグイン集です。 カーソル位置にタグを挿入したりする場合なんかに覚えておくとサクっと実装できて良い感じです。 caretPos http://d.hatena.ne.jp/tubureteru/20110101/p1 textarea内でのカーソル位置を数値で設定したり、カーソルの位置を取得することが可能。 jCaret http://www.examplet.buss.hk/jquery/caret.php te
こんにちは！AWSチーム@福岡のザビオです！ 最近福岡はすごく冷えますが、僕はラーメンを食べて体を温めて仕事しています。 だいぶ、お腹の方もスケールしていますが、体調管理にはお気をつけてください！ 早速本題ですが、RDSのRead Replicaの昇格機能について実験してみましたので、記載します。 実験１. ・マスターDBからRead Replicaを作成する ・Read ReplicaのPromote Read Replicaを実行する ・実行中のPromote Read Replicaにinsert文を発行する ・反映される？ 実験2. ・昇格後のRead ReplicaをMulti-AZにする ・Multi-AZ中のRDSインスタンスにinsertする ・反映される？ 環境. ・zabbio2がMaster DB ・zabbio3がRead Replicaでございます。 ・datab
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
こんにちは。 今回は自動テストというちょっと地味なことについて取組んでみようかと思います。 WEBシステムを開発するにあたりWebブラウザでのテストは必須かと思いますが、プログラムを修正する度に確認したり、複数ブラウザで同じ確認を行うのは大変です。そこでブラウザを使ってのテストを自動化してみようかと思います。 Webブラウザを使っての自動テストはSeleniumとう有名なツールがあるので今回はこれを使いたいと思います。 SeleniumはFireFoxのアドオンで使えるSelenium IDEと、JavaやC#などの言語からAPIを呼び出して使うSelenium WebDriverがあります。Selenium IDEはFireFoxのアドオンなので他のブラウザでのテストは出来ません。どうせ自動化するなら色々なブラウザでテストしたいので今回はSelenium WebDriverを使用し、言語
CakePHPにはTree BehaviorとTree Helperといった便利なものがあります。 詳しくは、 CakePHPの「OrderedBehavior」と「TreeBehavior」はマジで使うべき とかを参照してもらうとして、 簡単にツリー構造を使いたい！といった要求から こんなものを作ってしまいました。 FuelPHP TreeOrm Package しかしながら、未だ要素の追加、削除、親IDの変更しか作っていませんが… 使い方 設置 次の位置においてください FuelPHP TreeOrm Package /fuel/packages/treeorm config.phpを編集 treeormとormをAPPPATH/config/config.php の always_load の部分に追加します return array( 'always_load' => array(
私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンス ディスクユーティリティ メニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。 ディスクユーティリティでディスクを検証 ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa
HTML5のDrag and Drop APIとFile APIを試してみました。 Drag And Drop APIは HTML上の要素のドラッグアンドドロップをサポート File APIとの連携でデスクトップからのドラッグアンドドロップをサポート 1番はHTML5でなくてもjQuery等を用いれば実現可能ですので、File APIとの連携を試します。 File APIのサンプル jQueryでFile APIを使うために以下のおまじないを実行します。 jQuery.event.props.push('dataTransfer'); DropイベントとFile APIとの連携にはevent.dataTransferプロパティを使いますが、jQueryのイベントオブジェクトにはdataTransferが存在しません。このおまじないで、jQueryのeventオブジェクトにブラウザネイティブ
Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on t
RealtimeViewerを作ったらREADMEを書くのがとても捗る件について READMEを書くときはMarkdown形式で書くと思うのですが、四六時中その記法で書いているわけでは無いので、なかなか覚えられないわけです。Rubyの場合はRDoc形式で書くのが普通なのかな？まぁWikiにしろ何にしろ似たような記法増えすぎだと思うのです。 わたしのようなゆとりには、プレビューしながら確認できるととても幸せになれます。とは言っても、ブラウザ上で入力なんてしたくないし、自分のお気に入りのエディタを使いたいわけです。 こちらの記事にあるツールを使っていたのですが、どうも自分の環境ではファイルを保存しなおすと、高確率でreadでこけるようで・・。 というわけで（上記ツールを参考にして）自分で作ってみました。 インストール、および実行方法は以下のようになります。 gem install rdoc-v
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 対象読者 「すでにiOSプログラミングの基礎を理解している人」が、iOS開発におけるパターンによるオートマティズムの想定読者です。 Objective-Cの基本的な文法を理解している チュートリアルやサンプルをベースとした、簡単なアプリケーションを作成したことがある NSString・NSArray・UIViewControllerなどのクラスの基本的な使い方を知っている こういった方が、この本の想定読者になります。 ですので、Objective-Cの文法の説明や、Xcodeの使い方などは、この本では説明されていません。 「iOS開発におけるパターンによるオートマティズム」が提供するもの iOS開発におけるパターンによるオートマティズムでは、アプリ開発の入門が終わっ
先週は大荒れの天気の中で仕事していました。雨に濡れたり風で身体を凍えさせていました。宿に戻ると温泉があるので助かりましたけどね(^^) 調査中はブログの更新なんてしてられませんから宿に戻って書くわけですがあいにく先週の宿はネットなし。iPhoneだけで書いてました。 iPhoneはブログ更新の便利なツール MacとiPhoneについてブログを書いているブロガーですが、ブロガー以外の人から「たとさんってどうやってブログ更新しているのですか？」と良く聞かれます。iPhoneで更新することを話すとiPhoneからブログ更新できるのですね！と驚かれますw ブロガーの自分としては当然なことなんですが、知らない人は知らないんだなーと思いました。 最近までiPhoneでブログ更新する方法としてATOK Padで文章を書いて→するぷろで画像を挿入して下書きをアップ→WordPressアプリで更新するという
ゴールドカラーの新型iPad miniの外装部品が流出!? 指紋認証も搭載か2013.09.28 13:005,903 塚本直樹 新型iPad miniはiPhone 5sと同じカラーラインナップ？ いつもリーク情報を届けてくれるソニー・ディクソン（Sonny Dickson）さんが、新型iPad mini ゴールドカラーの外装部品を公開しました！ 公開された画像を見ると、iPhone 5sのゴールドカラーとほとんど同じ色調のゴールドであることが確認できます。iPad miniのサイズで背面がゴールドだと、なんともゴージャスな感じですね！ また、同氏は新型iPad mini ゴールドカラーを上から見た画像も公開していて、ホームボタンには指紋認証が可能な｢Touch ID｣ホームボタンが搭載されていることがわかります。新型iPad miniや新型iPadに指紋認証機能が搭載されるという情報は
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
たまたま目にした海外の記事「Configuring Sublime Text 2」に、自分が指定してないSublime Text 2の設定がありまして。ちょっくらそれを拝借しつつ、自分が指定しているいくつかの設定とZen-Codingの次期バージョン「Emmet」を日本語環境で使う時にしておいた方が良い設定をまとめておいた。 「Cmd＋,」で出る「Settings – User」に書いとけば大丈夫。 これら以外にも「Sublime Text Unofficial Documentation」とかに日本語じゃないですけど、いろいろな設定が書かれているので参考にされると良いかと。ロシア語のサイトにはココにないのもあったりしましたが、なんせロシア語なので載せないでおきます（笑）。
Step1.タイトルを入力 グラフのタイトルを入力します。管理しやすいようにタグの入力も可能です。作成したグラフは、タイトル、タグからグラフを検索することができます。 Step2.データを入力 グラフデータを入力します。グラフデータはCSV、TSV形式に対応しています。CSV、TSVファイルをアップロードもしくは、エクセルなどのスプレッドシートからデータをコピー＆ペーストでグラフデータを入力できます。 Step3.グラフのテーマと種類を選択 グラフのテーマと種類を選択します。グラフのテーマは、「white」「grid」「dark-blue」「dark-green」「dark-unica」の5テーマ、グラフの種類は、「棒グラフ」4種類、「線グラフ」2種類、「面グラフ」4種類、「円グラフ」3種類、グラフの色は4パターンから選べます。
系図管理システム（仮）というものをSilex + SQLiteで作成していたんですが、SlimというSilex同様のREST APIを提供するマイクロフレームワークに書き換えてみました。 （SilexでもDoctrine2ではなくRedbean、TwigではなくPHPTALを使ってたので、フレームワークの利用範囲的にほぼ等価交換できるのではないかとの思いつきです） Slimの公式サイト http://www.slimframework.com/ には、Feature Listとして以下の項目が挙げられています。 HTTP routing Named routes Route passing Route redirects Route halting Middleware & Hooks Custom views HTTP caching Signed cookies Custom 404
和田裕介(yusukebe)著『Webサービスのつくり方 - 「新しい」を生み出すための33のエッセイ』をご恵投いただきました。ありがとうございます。本を書いているという話はYAPC::ASIA 2012のトークなどでうかがっており、楽しみにしていたので、うれしく思います。 Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus) 作者: 和田裕介出版社/メーカー: 技術評論社発売日: 2012/11/20メディア: 単行本（ソフトカバー） クリック: 85回この商品を含むブログを見る 和田さん、というか、yusukebeさんとは、もちろん彼我の差は歴然としてあるにせよ、プログラミングの学習過程や時期がだいたい重なっていて、第1章の「心構えと下準備」で述べられている内容など、自分もそのように歩んできた身なので、共感を覚えます。そのあ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
コーディングをしているとよく使うコードが簡単に呼び出せたら便利だなぁと感じることがままあります。 TextExpanderを使用してある程度基本のコード類は簡単入力できるようにしてあるのですが、使うには使うけどTextExpanderに登録するほどでもない、そんなコードをどうやってまとめようかなと思っていたところ、バンクーバーのうぇぶ屋さんで紹介されていたSnippiが大変シンプルで使いやすかったのでご紹介。 スニペット管理とかダルいって人にオススメ！超シンプルなスニペット管理ツールの『Snippi』！ | バンクーバーのうぇぶ屋 別にめちゃめちゃ珍しい機能とか無いんですが、とにかく超シンプルで使いやすい！FBやTwitterログインは当然可能で、スニペットに対するタグ付けや言語別ソート、各スニペットにはコメントが可能で簡単な説明なんかすぐ可能。 via: スニペット管理とかダルいって人に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[Å] フッ素コートとiPhone/iPadは最強タッグ！衝撃の結果でフィルムは不要！？](https://cdn-ak-scissors.b.st-hatena.com/image/square/247ad29fbc715bdb4315cb068b608cd578454117/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F20121113-100332.jpg)
![Nodeコアの歩き方 ～Nodeの開発に参加しよう～ [Node.js]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7dc90afed20fc94ba0a2959f08e0a295b5041482/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Ffiles.speakerdeck.com%2Fpresentations%2F956bf01012da0130f91e12313d142636%2Fslide_0.jpg%3F780973)