開発メモその3です。今回は Perl のおはなし。 何年も前に作ったウェブアプリケーションのコードを開いてみたら黒歴史なコードが出てきて憂鬱な気分になる、そんな経験ありませんか。私はあります。ずっとそんな現実から目を背けて生きてきました。 さて、先日 Perl + CGI で書いて Apache::Registry で高速化している、実行環境が Apache に癒着した CGIアプリケーションを発見しました。おえ〜っ。一から作り直したい気持ちをぐっと堪えて、これを Plack 化したりとリフォームしていくとしましょう。その過程を以下記します。劇的ビフォア・アフター! ･･･とかは期待せず、地道な変更を積み重ねていくのがコツです。 方針 いきなりコードをがりがり書き換えていくというよりは、試行錯誤のしやすい環境に移行させていきながらリフォームを進めます。遠回りですが、結果的にその後の運用が楽

日本橋のコレド室町にある、にんべんの基幹ショップ「日本橋だし場」。こちらでは、スタンディングバー形式でだし感たっぷりの味噌汁を飲めるなど、なかなかユニークな施設になっています。 さて、今日はそんなだし場で売っていた、とても、超、スーパー便利な調理器具をご紹介します。その名も「だしポット」。 だしをレンジで取れるという、この便利さを体験してほしい さてこちらのだしポット、仕組みはとてもシンプルで、耐熱ガラスと茶こしのようなこし器がセットになっています。イメージするなら、お茶っ葉の代わりにかつお節を入れて、出汁をとるような感じですね。 なにが楽かって、かつお節入れて、水入れて、レンジでチンするだけで絶妙な出汁が取れるってことですよ。 使い方は以下のとおり。 分量などは側面に書かれていますので、こちらを確認すればOK。水400mlなら、かつお節12g入れて、レンジで4分ちょっとです。 とりあえず

言わずと知れた、世界中のラジオを聞けるアプリ。iOSアプリに限らず、Android、Windows Phone、BlackBerryなど、各種のスマートフォン向けアプリが出ている。PCでもブラウザ経由で簡単にラジオが聞ける。 アカウントを登録しなくても使えるが、登録すると自分のお気に入りのラジオ局や楽曲の情報をデバイス間で共有できて便利。間違ってアプリを削除したりしても、アカウント登録者の情報はクラウド側に保存されているので、1から登録しなおす必要がない。 とにかくいろんなラジオを聞けるが、ラジオらしい日本語トークが恋しければ、国内のコミュニティFMなんかを聞いてみるといいかもしれない。有料版には録音機能も付いている。 Xochi Xochiの読み方は「ショチ」。YouTubeをバックグラウンドでも流せるアプリだ。好きなアーティストの名前を検索枠に入れると、YouTubeにある再生リストな

真空パックは冷凍焼けも防げるすばらしい食品保存方法です。専用の機械ををわざわざ買わなくても、簡単かつ安価に代用できるワザが「the Kitchen Konfidence」にありました。 イラストレーターのBrandon Matzekさんが、自身のブログにこの「簡単真空パックのやり方」を載せていました。 ジッパー付きの袋に食品を入れ、冷水を入れたボウルの中にその袋をゆっくりと入れます。食品の入っている部分が、水面下に入ったら、ジッパーを閉じます。 Matzekさんは、脂肪分ゼロのマカロニチーズを作るときのチーズを保存するために、この方法を使っているそうです。他にも、肉をまとめ買いした時などにも使えそうです。袋の口を閉じたら、あとは冷凍庫に入れるだけです。 Fat-Free Mac and Cheese [well, virtually fat-free] | Kitchen Konfiden

jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で

2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、

レベルデザインとは？ レベルデザインとは、ゲームシーンあるいは舞台といった「レベル」を作成することです。 良いレベルデザインにするためには、ゲームの難易度やバランスをよく考え、プレイヤーが進捗感や達成感を得られるような課題や挑戦を配置することが必要です。 レベルエディタ レベルエディタとは、レベルを作成するためのツールのことです。 一般的なレベルエディタでは、 地形 アイテム 敵キャラ イベント などを配置することができます。 これがあると、レベルの調整が容易になります。例えば、2Dゲームのレベルエディタとしてよくあるのが、お絵かきツールように、マップチップを配置するツールです。 たとえば「Platinum」 のような「パーツ」のウィンドウから、チップを選択してちくちく配置するツールです。他にも、フィールド（地形）とキャラ（プレイヤー・敵・アイテムなど）の２つをそれぞれ「レイヤー」という単

レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。

これは問題解決を知らない人のために書いた文章です。 問題解決について、最低限のことだけを説明します。 問題解決とは何をすることなのか？　それを知るとどんな得することがあるのか？　といった、世の中の問題解決について書かれたいろいろなものよりも、少し手前にある話題についてです。 問題解決って何？ 問題解決とは、自分で目標を決めて、それに向かってうまく行動していくことです。 目標とは「こうしたい」とか「こうなりたい」と思うものです。「こんなのはいやだ」も、みがいていくことで目標になります。 決まった目標について〈うまく行動する〉のは、ものによっては機械にもできます。 アリやハチは、集団で協力してすばらしい巣をつくります。 他にも〈うまく行動する〉お手本にできるものは多いです。 ですが、目標を決めるのは人間だけです。 問題解決をするのは人間だけなのです。 問題解決－ない場合、ある場合 問題解決をや

クリームチーズを余らせる前に。 チーズがフレッシュなまま保存できます。 これさえあればおうちごパンが美味しくなる。 このレシピの生い立ち これさえあればおうちごパンが美味しくなる。 自分の目でみて作るものは、おいしい、しあわせ。

開発メモ#1 : Cinnamon によるデプロイ - naoyaのはてなダイアリー に引き続き、その2です。 最近は個人で作るような小規模なものでも AWS を利用してホストしています。たとえ個人で作ったものとはいえ、利用するユーザーがいる以上はおいそれと落とすこともできない。かといって運用にあまり手間をかけたくない。その辺り、AWS で解決できる点が多い。 AWS の良いところはインフラが動的なので「後からどうとでもなる」ところ。 インスタンスの性能が足りないのであればスケールアップするでもいいし、冗長性が欲しくなったらそのタイミングで ELB (ロードバランサ) を用意すれば良い。その時、仮想化されていないハードウェアを使っていると移行のためにサーバーを再セットアップしたりアプリケーションをデプロイし直したりと手間がかかるところ、AWS ではその辺りの手間がほとんどかからない･･･と

＜SKILL BASECAMP 2013＞ MySQLの冗長化～無停止運用を実現するには～ http://www.pasonatech.co.jp/entry/index.jsp?mode=2&d=on&no=3756Read less