Webサービスを作ってみた！僕の10ステップ - maeharinの日記
1年前は、プログラムも書けない普通の文系リーマンでした。20代最後の年。少人数のチームで素敵なWebサービスを作り出している人達を見て羨ましく思っていました。「自分もチームでWEBサービスを作れるようになりたい」。そう思って業務時間外に勉強をはじめてから約1年、このたびチームでWEBサービスをリリースすることができましたので、そのサービスとそこに至るまでの経緯をちょっと紹介したいと思います！ こんなサービスを作りました フォト★レポ 今度、どこに行こう？ プライベートで「今度、どこに行こう？」と思ったことはないでしょうか？例えば「週末どこに行こう？」「家族サービス、どこに行こう？」といった瞬間です。そのような時インターネットを調べると、色々な情報が見つかると思います。けれど、「写真1枚だけ」や「テキストだけ」といった情報が多く「なんか雰囲気が分からない」「なんか一押し足りない」と感じること
や...やっと理解できた！(2) JavaScriptのスコープチェーン - maeharinの日記
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript（サイ本）第5版（日本語） Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
まさに忍者...JavaScriptの関数は第一級オブジェクト - maeharinの日記
JavaScriptの関数は「ファーストクラスオブジェクト（第一級オブジェクト）」である。なので、変数に代入したり、配列にセットしたり、他の関数に食わせたりできる。この変幻自在っぷりはすごい。newでコンストラクタになるところなんて変化の術のようだ。無名関数の即実行は影縫いの術みたいだし、callやapplyでthisの値を変えるとこなんて口寄せの術を彷彿とさせる。正に忍者 |--)ﾉｼｭｯ==卍 変数に代入する var foo = function() {console.log('foo');}; foo(); 配列にセットする var fnList = [ function() {console.log('foo');}, function() {console.log('bar');}, function() {console.log('piyo');} ]; for(var i =
jQueryで$(document).readyを複数実行した場合のthisやvarについて - maeharinの日記
はじめに jQueryを使う時は、$(document).ready(handler)やその省略法である$(handler)でdom構築ができてからコードを実行することが多い。（handlerは無名関数などの関数オブジェクト） で、たまに複数のファイルで何度も$(handler)を呼び出すことがあるのだけれど、その際$()の引数に渡しているhandler内のthisやvar宣言について混乱しがちだったので整理しておく。ちなみに検証環境はChrome ver24、jQuery1.9.1。概念はES3を基準にする。 前提 書き方色々 以下の3つは同義（真ん中は推奨されない） $(document).ready(handler) $().ready(handler) //this is not recommended $(handler) http://api.jquery.com/ready/
や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
PHPを愛する試み - maeharinの日記
僕はRubyが好きだ。プライベートではRubyばっかり使っている。でも、仕事ではPHPを使わなければならない。これまでPHPは書きにくいーと思い込んでいてあまり好きではなかったのだけど、仕事で使う以上PHPを好きになった方がきっと幸せになれる。何かを好きになるにはどうすればよいか。そう、相手のことを知る努力をすればいいんだ！ということで、PHPについて知る努力をしてみた。 PHP The Right Wayを読む http://ja.phptherightway.com/ ☆PHPへの愛が100上がった☆ これは... PHP好きになれるかも！ 普段Rubyで書いてるコードをPHPで書いてみる 折角なので自分が普段Rubyを使っていて便利だなーと感じていることをPHPではどう書くのか（厳密では無いにしても大体同じ内容はどう書くか）試してみた。Rubyは1.9.2、PHPは5.3.10。 多
Rubyワンライナー入門 - maeharinの日記
先日仕事中、一瞬の隙も見逃さずに情報収集できるRubyワンライナーとスクリプトというネタエントリを書いたのだが、その際Rubyのワンライナーをもう少しまともに理解したいと思ったので入門してみた。手元のRubyは1.9.2 はじめに Rubyのワンライナーは、rubyコマンドに色々なオプション（-eや-nなど）をつけて実行する。各オプションの網羅的な解説が見たければ、コマンドラインでは$ man rubyで閲覧できるし、webではるりまサーチで参照できる。ただ、これらは網羅的すぎるので、以下よく使うオプションとその周辺情報についてまとめた。 -e 一番基本的なオプション。スクリプトを実行する。（ちなみに他のオプションと組み合わせる時は必ず最後に記載する） 例: hogeと表示 $ ruby -e 'puts "hoge"' -n プログラム全体がwhile gets ... endというルー
仕事中、一瞬の隙も見逃さずに情報収集できるRubyワンライナーとスクリプト - maeharinの日記
情報収集はビジネスマンとしての基本である。しかし普段シェルで作業する者としては、毎回ブラウザを立ち上げる時間すら不毛である。よって、シェルから一瞬で情報収集できるRubyのワンライナーを書いた。 上からYahoo, はてな, Naverまとめ, 2ちゃん $ ruby -r open-uri -e 'open("http://www.yahoo.co.jp").read.scan(/topics.+?>([^<]+?)</) {|m| puts m}' $ ruby -r open-uri -e 'open("http://b.hatena.ne.jp/hotentry").read.scan(/entry-link.+>(.+?)</) {|m| puts m}' $ ruby -r open-uri -e 'open("http://matome.naver.jp/").read.sc
たった3行のコードでひたすらアイドル水着画像をあつめる（Rubyだよ） - maeharinの日記
追記: C言語版書いた! 僕が参加していたUT Startup Gymの大先生である@tushuheiさんが、たった10行のコードでひたすらアイドル水着画像をあつめるという刺激的なエントリを書いておられたので、対抗したくなった ＿人人人人人 人人人人人人人＿ ＞Rubyなら3行で書けるっ！＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^￣ require 'open-uri' url = "http://matome.naver.jp/odai/2135350364969742801" open(url).read.scan(%r{<img src=".+".*?class="MTMItemThumb".*?/>}) {|m| puts m} 終わり！ 後はターミナルで $ ruby crawler.rb > photos.html $ open photos.htmlぐははは！ Ruby素
ゆーすけべーさんのおっぱいスクリプトをPHPで書き直してみた - maeharinの日記
ゆーすけべーさんのおっぱいスクリプト（2012）がPerlで書かれていたので、PHPに書き直してみた。 ※なんとRuby版を作った方が！ Bingのdeveloperに登録して、AppIdをゲット ここから oppai.php <?php define('APP_ID', 'XXX'); //XXXに自分のAppIdを入れる $dir = './data'; //先にdataディレクトリを作っておくこと $page_count = 0; $oppai_count = 0; while(1) { $offset = $page_count * 50; $url = 'http://api.bing.net/json.aspx?' .'AppId=' . APP_ID .'&Version=2.2' .'&Markert=ja-JP' .'&Sources=Image' .'&Image.Co
ゆーすけべーさんの初心者向けエントリ（データ表現）を、phpで練習してみた - maeharinの日記
最近初心者向けに素敵な情報を公開してくれている、ゆーすけべーさんのブログで、データ構造をperlで解説していたが、自分はphpがメインなので、書き直してみた。 ポイントは、「データ」と「処理」を頭の中で明確に分けること。料理でいうと、仕込んで（データ）、調理する（処理）イメージ。 スカラー <?php //データ $number1 = 3; $number2 = 4; $result = $number1 + $number2; //処理 echo $result; 配列 <?php //データ $foods = array('ラーメン', '寿司', 'カレー', 'スパゲッティ', 'ステーキ'); //処理 foreach ($foods as $v) { echo 'I like ' . $v . "\n"; } 連想配列 <?php //データ $ore = array( 'na
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
