はてなブログ | 無料ブログを作成しようプロジェクトマネジメントで娘の夏休みの宿題炎上を防止しました 娘の夏休みの宿題プロジェクトの炎上 8歳9歳の娘が朝から泣きわめいていたので、何ごとかと思い話を聞いてみました。泣きじゃくっていたので要領を得なかったのですが、まとめると以下みたいでした。 「宿題やったのに、ママがテレビを見せてくれない。自分は頑張った…
【デブサミ2012】17-A-3 レポート HTML5でどこまでできる？ その実力とスマホ向けアプリ開発のポイント
描画能力が大幅に向上、Flashに匹敵するアニメーションも可能に 膨大な数の仕様で構成されるHTML5は幅広い意味を持ち、一言で定義するのは難しいが、紀平氏はセッションの冒頭で「今回はスマートフォンの話に限定する（PCブラウザに関しては触れない）」と断ったうえで、次のように述べた。 「HTML5はHTMLとJavaScriptの複合体。それ自体はHTML4と大きく変わっているわけではない。もっとも重要な違いは、今までに比べてAPIが非常に豊富になったこと」 この豊富なAPIにより、HTML5では描画能力が大きく向上している。例えば、Canvasを使えばドット単位の描画が可能であり、ベクターグラフィックスを扱えるSVGによって曲線のある図形も描画できる。さらに、アニメーションもFlash並のクオリティが実現できるようになった。 ここで紀平氏は、同じ内容のアニメーションを2つの画面で同時に再生
Thinking Async | CSS-Tricks
Here’s the rub: when you load JavaScript from a third party you should do it asynchronously. You might want to load your own scripts asynchronously too, but for this article let’s focus on third parties. There are two reasons for this: If the third-party goes down or is slow, your page won’t be held up trying to load that resource. It can speed up page loads. At Wufoo, we just switched over to an
Plunker - Welcome to Plunker!
Plunker lets you edit, fork and preview web snippets onlineTry it out. Take any gist url and pop it in the box below. Alternatively, try out the Editor. What were you thinking?There are some pretty amazing services out there already. Why would anyone try and reinvent the wheel again? For fun and for profit. OK. Just for fun. And I had a lot of it learning about node.js, Express and the whole async
jQuery Mobile Tutorial: Creating a Restaurant Picker Web App | The Jotform Blog
With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive. It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). All of this figures in to a higher price tag fo
BioRubyからPython/JavaScriptそして文字列/バイナリーへのRubyistの論議
@yukihiro_matz @kakutani @knsmr @nalsh さん達がBioRuby Ruby Python JavaScript Unicode 文字列 バイナリーについてとても興味深い面白い話をされていたので、そのまま埋もれるのはもったいないと思ったのでまとめました。
任意の数のDeferredを$.whenに渡す
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / $.when.apply(this, [deferred, deferred, …]) とかやる demo on jsfiddlevar wait = function(millisec){ return $.Deferred(function(defer){ setTimeout(function(){ defer.resolve('I waited for ' + millisec); }, millisec); }).promise(); }; $(function(){ var fns = [ wait(200), wait(200),wait(500), wait(1000), wa
jQueryでフリック／スワイプ動作の画像スライドギャラリーを作成する実験｜BLACKFLAG
iPhoneやiPad、Androidといったスマートフォンやタブレット端末では フリック／スワイプと呼ばれる指でスライドさせるUIが付き物になっています。 jQueryでもこのフリック／スワイプ動作を実装できるプラグインはたくさんありますが いざ自分で作ろうとすると意外と大変な動作だったりします。 この動作についていろいろ調べていたところ Sleipnirのフェンリルさんのデベロッパーズブログにて、 iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ) と題した、jQueryでiPhoneやAndroid、PCでタッチイベントを取得する方法がとても参考になったので この記事を参考にしてフリック／スワイプで操作するシンプルな画像ギャラリーを作ってみました。 まずは動作サンプルから。 下記の画像をフリック／スワイプしてみてくだ
Scraping Web Pages with jQuery, Node.js and Jsdom - Liam Kaufman
I always found it odd that accessing DOM elements with Ruby, or Python, wasn’t as easy as it was with jQuery. Many HTML parsing libraries employ Simple API for XML (SAX) that can handle extremely large XML documents, but is cumbersome and adds complexity. Other parsing libraries use XML Path Language (XPath), which is conceptually simpler than SAX, but still more of an effort than jQuery. I was pl
Ruby on Railsが簡単というのは嘘 - toyoshiの日記
WinユーザがRailsアプリをこれから公開しようと思った場合 Windowsで学習を開始するのは不可能なのでLinuxをいれる でもWindowsで進めようとしてmsysGitをいれたりするが結局半日無駄にする なぜかgemが最新じゃないと怒られる gemを単純に使っても後から困るのでrvmかrbenvが必要。使い方覚えないといけない やっとRails3.2導入。javascriptエンジンが入ってないので起動しない やっと起動 HTML書いてるのは情弱だけ => hamlを覚える js書いてるのは情弱だけ => coffee scriptを覚える css書いてるのは情弱だけ => scssを覚える テスト書いてないコードはレガシーコードっていわれる しかたないのでRspecいれる => Rspec覚える ユニットテストだけではしかたないといわれcapybaraもいれる => capyb
Haskellで円周率1億桁を計算する、あるいは円周率計算にHaskellの多倍長整数の改良を見る - 純粋関数空間
きっかけ http://d.hatena.ne.jp/itchyny/20120304 この記事を見て、私も昔円周率を計算したことがあるのを思い出しました。 http://d.hatena.ne.jp/tanakh/20070506#p1 公式は同じくチュドノフスキーを使用、GHCのIntegerをそのまま用いて円周率を計算、 当時（5年前）のマシン（おそらくCore2あたり）で1億桁が15分ほどだったようです。 SPOJというサイトのコンテスト向けに、 $\sqrt{2}$ 200万桁計算の高速化 をCで書くとこから始めて、 ナイーブ乗算、カラツバ法、そしてFFT乗算の実装にいたり、円周率へ。 最初AGMを実装し、 古くて新しい方法、Arctan系の公式の実装を経て Binary Splitting Methodを知り、 チュドノフスキーの公式へ至りました。 さらにHaskellでの実装
Yesodを支える技術
社内 TechTalk での資料。Yesod に用いられている Haskell の先進的な機能について軽く解説しています。
kanazawa.js v1.7でJSTDD Introと銘打って話します
来る 3/31(土)に kanazawa.js v1.7 が開催されます。参加申し込みはこちら！ kanazawa.js v1.7 - Back to Basics - : ATND 今回はなんと Mozilla さんと共同開催でかつ node.js 方面からも刺客（講師）が来るという豪勢な内容になっています。 そんな中で JavaScript での TDD について話すことになりました。まぁぶっちゃけ二つ返事で返しちゃったんですが、あとでプログラムを見てからアウェイ感にやられております。メインセッション扱いですが、聞く方はポカーンじゃないですかね、これ(笑 正直言うと不安はあります。 嘘を言うんじゃないかもっと良い話をできる人は他にたくさんいる1 については、なんだかんだで自分はそんなにきちんと TDD を学んでおらず、我流ですし、ペアプロの機会にも恵まれませんので、自分を見直すことが難
Blurjs.com - For Sale
Project Title Use this area of the page to describe your project. The icon above is part of a free icon set by Flat Icons. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12! Client: Start Bootstrap Date: April 2014 Service: Web Development Close Project Title Use this area of the page to describe your project. The icon a
HTML5の3つのサウンド出力に対応したリアルタイムサウンドライブラリ·pico-player.js MOONGIFT
pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementに対応したJavaScriptサウンドライブラリです。 pico-player.jsはJavaScriptを使ってリアルタイムに音を出力する際に便利なライブラリです。 音が流れますが、マウスの動きによって音程が変化します。 こちらは風車の回転によって音が変化しています。 コマンドを随時送ってサウンドを作り出します。 デモのコードです。 ONE-LINER-ORCHESTRAのデモ動画。 関西電気保安協会リズムマシーンのデモ動画。 pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementの3つに対応し、Google Chrome/Firefox/Operaでサウンドを奏でられます。複数の音を重ねたり、サンプリン
最近公開された表現力を高めるjQueryプラグインいろいろ
Adipoli jQuery Image Hov... / Sweet Tooltip a jQuery &... / FredHQ - Roundabout for ...他...全7件
これだけ見れば大丈夫！ーMySQLパフォーマンス監視のツボ（クエリ編）｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
これだけ見れば大丈夫！ーMySQLパフォーマンス監視のツボ（クエリ編） こんにちは、インフラ担当新人の nob です。 サーバー監視ツールで MySQL を監視しているのにデータが多すぎて活用していない。という方はいませんか？その豊富なデータをパフォーマンス・チューニングに活用しない手はありません。今回はサーバー監視ツールのグラフを読み解いた実戦経験を元に、「これだけ見れば大丈夫」というツボをまとめてみました。 これだけ見れば大丈夫！ クエリ編 ３つのつぼと５つのグラフ （その１）監視ツールが何を見ているのか知る （その２）監視のキモ、グラフ３点セット (Questions, Lock Waits と Transaction Handler) （その３）グラフでチェックする SQL チューニング ( Select Type と Handler) シンプルでお勧め、サーバー監視グラフ化ツール
Nginxをダウンタイム・ゼロで入れ替える方法 - 檜山正幸のキマイラ飼育記 (はてなBlog)
chimaira.org を載せているNginxが古いままです。 [hiyama ~]$ /usr/local/nginx/sbin/nginx -v nginx version: nginx/0.7.64 [hiyama ~]$ 2012-03-09現在の安定版は、version 1.0.13 です。入れ替えなくちゃね。Nginxはダウンタイム・ゼロで入れ替える方法があります。それを試してみることにします。 次の記事を参考にしました。 http://www.softwareprojects.com/resources/programming/t-recompileupgrade-nginx-binary-with-no-down-time-1520.html [追記]最後に追記した方法が一番簡単そうです。[/追記] 現状はどうなっている そもそもシステム環境全体が古いのですが、今回は動い
SMTPサーバを入れたくないけどメールは送りたい時に重宝するMSMTP - id:anatooのブログ
postfixやqmailなどは入れたくないけど、sendmail相当のものを使ってメールを送りたい時に便利なMSMTPを試してみた。 この記事では、実際の導入からgmailのアカウントを利用してMSMTPでメールを送る方法を書く。 インストール MacOSXだとhomebrewからインストールできる。debianやubuntuだとaptitudeからインストールできる。 $ brew install msmtp$ aptitude install msmtp次に以下のような設定ファイルを~/.msmtprcに置く。 account default host smtp.gmail.com port 587 user hoge@gmail.com password hogehoge from hoge@gmail.com tls on tls_starttls on tls_certchec
TwitterBootstrapを使ったWordPressテーマ「BootstrapWP」:phpspot開発日誌
BootstrapWP Bootstrap starter theme for WordPress TwitterBootstrapを使ったWordPressテーマ「BootstrapWP」。 最先端っぽい感じでブログを作りたいなら今ならこのテーマがいいかもしれません。新しい要素を追加する際にもスタイリングが簡単ってことで便利かもですね TwitterみたいなところがこういうUIキットを出したことってやっぱりすごい大きな事ですよね。 関連エントリ 新しめのWordPressテーマ４０ 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５ フレッシュでハイクオリティなWordPressテーマ１５種
jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
[新iPad2/iPhone5 対応版] アプリ作ったら用意する画像サイズの一覧 : 管理人@Yoski
新しい iPad もリリースされて、用意すべき画像サイスがわけわからなくなってきたのでチト整理しときますね。 ※2012/9/13 iPhone5 対応追加 アプリ作ったら用意する画像のサイズ一覧（保存版） - iPhone/iPad アプリアイコン * 57x57 * 114x114 (@2x) * 72x72 (iPad用だけどiPhoneアプリでも用意するべき) * 144x144 (@2x)(iPad用だけどiPhoneアプリでも用意するべき) * 29x29 (検索結果用 - 必須ではない) * 58x58 (@2x)(検索結果用 - 必須ではない * 50x50 (必須ではない。iPad 対応してなければ不要) * 100x100 (@2x)(必須ではない。iPad 対応してなければ不要) * 512x512 (アプリ申請時に必要) (@2x)とついてるものは、ファイル名を x
日経xwoman：doors 私だけの扉をみつける：日経xwoman
日経xwomanのマイページの通知やフォロー機能はリゾームによって提供されています Copyright © Nikkei Business Publications, Inc. All Rights Reserved.
携帯やスマートフォンでコンテンツを切替える"魔法"のapache設定 #apache - とあるプログラマの日記 @s025236
リキッドデザインとかレスポンシブウェブデザイン流行ってるけどやっぱりPC,スマートフォン,携帯(ガラケー)は別に別にコンテンツ用意したほうが良い時もありますよね。 でも「SEOとか考えると…」「URLがばらばらになっちゃって…」なんてお客様のお悩みを解決する為にいまさら感がすごいですが魔法の設定をご用意いたしました！ apacheの設定を書き換えよう httpd.confで以下を書くだけでOKです。 virtualhostとかしてるときは適切に気書き換えてね。 ##################################################################### #(C)makoto@2ch.to LoadModule rewrite_module modules/mod_rewrite.so LoadModule setenvif_module mod
ごま基地 ｜ 広告 ✕ デザイン ✕ ブログの秘密基地
この記事は、無理しない働き方をテーマに「人事評価を無難にスルーする方法」について解説しています。「人事評価がいつも憂鬱…」「執着もないけど無難にやってほしい」「自己評価の仕方がわからない・・」こんな方におすすめです。 READ MORE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fluentd を使った大規模ウェブサービスのロギング - 2nd life (移転しました)
IBM Developer
あなたのMacをワンランクバージョンアップさせるお助けアプリトップ10 | ライフハッカー・ジャパン
weixiyen - Overview
Icons | Font Awesome
南場智子氏の講演内容のsho_yokoi氏によるまとめ
SwapSkills （vol.25）「CSSを便利に使うための LESS入門」レポート："SwapSkills" Information & Report｜gihyo.jp … 技術評論社
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
PHPUnit でテスト駆動開発を始めよう