Git超入門："git push origin master"の"push"と"origin"と"master"の意味がわからないあなたへ · DQNEO日記
Home Subscribe この２行のコマンドを見て((；ﾟДﾟ))ｶﾞｸﾌﾞﾙした経験はないでしょうか？ 私は恐怖を感じました。 "remote"と"add"と"origin"と"push"と"master"の意味がわからん！！ 人間（というか私は）は、わからないものが３つ以上同時に登場すると、ストレスを感じるものです。 この場合は５つもあるのでものすごいストレスです。 でもご安心を！ これから超わかりやすく解説します！ git remote add origin ... の意味は？ ずばり、 URLに"origin"という短縮名(ニックネーム)を付ける したがって、git remote add unko .... と書いてもかまいません。 慣習上、"origin"という名前が使われることが多いというだけのことです。 そして、ここが重要なのですが 別にニックネームをつけなくてもよい。(
目からうろこ！日本一わかりやすくGitの本質を解説してみた · DQNEO日記
Gitの本質は「コミットオブジェクトのチェーン」 コミットには親子関係がある。 子は親を参照している。 子の名前（＝コミットハッシュ値)が特定できれば先祖をたどれる。 コミットオブジェクトがチェーンのようにつながっているので、「コミットオブジェクト・チェーン」と理解しましょう Gitとは、コミットオブジェクトのチェーンなのです。 （専門的には「オブジェクトグラフ」と言います） ブランチとは枝のことではない ほとんどの初心者が勘違いしていますが、ブランチとは「枝」のことではありません。 ブランチの正体は「立て看板」です。 「ラベル」といってもよいでしょう。 それは、コミットオブジェクトにつけられらた「別名」のことです。 下記の図でいうと、"branchX"とはコミット"C"を指します。 「アメリカ大統領」という言葉と「バラク・オバマ」という言葉は、同一人物を指しますよね？ まさにそれといっし
初心者に贈る、AmazonEC2でサーバ作成するときの６つのポイント · DQNEO日記
AWS Management Consoleで操作する まずは公式管理画面であるAWS Management Consoleにログインして操作しましょう。 https://console.aws.amazon.com/console/home UIが英語なのがアレですがすぐ馴れます。 2008-2009年頃に書かれたAWSの紹介記事などでは、コマンドラインツールでAPIをたたく例が紹介されていますが、敷居が高くなるだけなので初心者にはおすすめできません。 またElasticFoxなどのサードパーティ製GUIツールもありますが、AWSの最新機能に追従できてなかったり全機能を網羅できてなかったりするので、やはり AWS Management Consoleをおすすめします。 東京リージョンを選ぶ 世界のどの地域から選んでもよいのですが、基本は東京リージョンから選びましょう。 ネットワーク的に違
cron力をつけよう！全てのcrontab入門者に贈る9個のテクニック · DQNEO日記
なお、時間設定方法や書式についてはここでは解説しません。 拙作「くろんメーカ」をお使いください。 くろんメーカ - crontab用のコマンドを自動で生成します。 そのままコピペしてお使いください。 crontab -e で直接編集しない 有名な話ですが、crontab -r とやってしまうと全てが一瞬で消え去ります。 まさにバルス！ 間違えて crontab -r してしまい、crontab をふっとばしてしまった。つか、隣同士にある -e と -r で編集と削除とか、酷いよ＞＜。。。 crontab -r を安全にする - antipop 必ずローカルファイルに設定を書いたうえで、それを反映させるようにしましょう。 $ crontab -l > ~/crontab # 現在の設定をバックアップ $ vi ~/crontab # ローカルファイルを編集 $ crontab < ~/cro
jQueryのeachの仕組みを徹底的にわかりやすく解説してみた。 · DQNEO日記
eachのキホン：要素を１個ずつ処理する まずおさらい。 このようなHTMLがあるとします。 <ul> <li>foo</li> <li>bar</li> </ul> eachを使うと、要素１個ずつに対して順繰りに処理を行うことができます。 <script> $(function(){ $('li').each(function(){ alert( $(this).text() ); // 'foo', 'bar'と表示 }); }); </script> これがキホンです。 変形してみる 上のeach式は、下のように変形できます。 (一番外側のブロック$(function(){....})は省略します) $.each( $('li'), function(){ alert($(this).text()); }); さらに変形してみます。 グローバル変数 "$" はグローバル変数 "jQu
[HTML5]世界一インストールが簡単なWikiをリリースしました。 #jswikimini - DQNEO起業日記
IE6,7,8,9, Firefox, Google Chrome, iPhone, iPadで動く！(たぶんAndroidも) このシステムは非常に奇妙なアーキテクチャで、いろんなプラットフォームで動きます。 プラットフォームごとに動作モデルが異なります。(ここが奇妙な点です。) IE6,7,8,9で動かす場合 PCローカルにHTMLファイルをダウンロードして、それをIEで開いてください。 (セキュリティレベルを下げる必要があるかもしれません。自己責任でお願いします。) IEでの動作モデルは前作 JSWikiMini と同じです。 データはテキストファイルとしてPC内に保存されます。 USBメモリや共有フォルダに置いて使うこともできます。 (逆に、Webサーバ上に置いた場合は使えません) windows環境では、一種のネイティブアプリとして振る舞います。 この仕組みはActiveXObj
Javascriptが世界を支配する日 · DQNEO日記
Ajaxの登場とDOMの標準化 Ajaxの登場でこれが変わりました。 Gmail, GoogleMapsの登場は衝撃的でした。 WebエンジニアたちはこぞってJavaScriptを勉強し、書き始めました。 またDOM標準が整備されることによって、画面を動的に変更するのにJavaScriptが使われるようになりました。 ホリエモンがlivedoor PICSについて「AJAXバリバリです」と宣伝したのがこのころでした。(当時はprototoype.js) jQueryの登場 jQueryの登場はこの流れを加速しました。 マークアップエンジニアたちもjQueryのコードを書き始めました。 これは革命的なことでした。 今日、JavaScriptが使われていないWebサービスはほとんど存在しません。 プロのWebエンジニアでJavaScriptを書けない、書いたことがないという人は皆無でしょう。
メソッドの命名が適切かどうかを自分で判定するたった一つの方法 · DQNEO日記
私の好きな記事に、こういうのがあります。 ふとActiveRecordで使えるpreviousメソッドってどこからきてるんだろう？と思ってgemsをgrepしてみるも見当たらず。 よし、場所を探り当ててやる！ [中略] 自分で普通にmodelに定義してた。 因みに複数人開発で他人が実装したとかではなく、紛れも無く俺が実装したメソッドである。おまけにテストも書いてある。 何故このような自体が発生したのか。 メソッド名が自然過ぎたか。 メソッドの定義されている場所を探す - komagata Ruby on Railsの中で"previous"メソッドがどこで定義されているのかを探してみたら、それはRailsにはなくて、自分が普通に子クラスで定義したメソッドだった、というオチ。 yugui コレクションがあってシャッフルしたいと思ったら、shuffleと書いて、それで動かなきゃいけないんですよ
日本一簡単なRails3.2チュートリアル · DQNEO日記
rails new hello cd hello ずらずら―っとファイルが作成されます。 Gemfile を編集して下記を追加します。 gem 'execjs' gem 'therubyracer' ２．不要ファイルを削除 rm README.rdoc rm public/index.html rm -rf test ３．Hello画面を作成 app/controllers/top_controller.rb を作成してこのように書きます。 class TopController < ApplicationController def index render :text => 'Hello' end end ４．ルーティングを設定 config/routes.rb を編集して１行追加します。 Hello::Application.routes.draw do root :to => 't
[Javascript][HTML5]簡単！localStorage使い方入門 - Chrome編 · DQNEO日記
localStorageのサンプルコード デモはこちら。 下記コードをHTMLファイルとしてローカルに保存し、Google Chromeで開いてみてください。 <script> console.log('=== 実験開始 ==='); console.log('> アイテム数をカウント'); console.log(localStorage.length); console.log('> ローカルストレージにキーと値を保存する。'); localStorage.mango = 'マンゴー'; localStorage.banana = 'バナナ'; console.log('> ローカルストレージの値を取り出す'); console.log(localStorage.mango); // マンゴー console.log(localStorage.banana); // バナナ conso
[Perl]猿でもわかるクロージャ超入門 - DQNEO起業日記
[JavaScript] 猿でもわかるクロージャ超入門という記事が好評だったので、今回はPerl編です。 上記のJavaScript版の記事を読んだという前提で解説させていただきます。 問題 呼び出すたびに、1,2,3,...を返すような関数f( )を定義せよ。 f(); // 1 f(); // 2 f(); // 3 クロージャ その１ JS版のクロージャに似せて書くとこうなります。 #!/usr/bin/perl use strict; use warnings; sub outer { my $i = 1; return sub { print "$i\n"; $i++; }; } my $f = outer(); $f->(); # 1 $f->(); # 2 $f->(); # 3 JS版とそっくりですね～。 関数のリファレンスを使っているので、呼び出し方法が$f->()のよう
[JavaScript]Submit前に確認メッセージ(confirm)を出す - DQNEO起業日記
JavaScriptにおける、送信前確認ボタンの出し方。 <input type='submit' value='送信' onclick='return confirm("よろしいですか？");'/> フォーム送信前に確認メッセージを出して、ユーザが「はい」をクリックすると送信され、「いいえ」をクリックすると何も起こらない。
[JavaScript] 予約語の一覧 - DQNEO起業日記
サイ本 第２章２.８ 予約語 ECMAScript v3で決められている予約語の一覧です。 意外と少ないんですね。 break case cache continue default delete do else false finally for function if in instanceof new null return switch this throw true try typeof var void while with ifやfunctionはよく使います。 逆に使ったことがないのは、default,delete,finally,instanceof, voidあたり。 今後、意識して使うにしようっと。 使用頻度分析とかしたら面白いかも。 達人プログラマと初心者プログラマの違いがはっきり出るんだろうな。w
[Javascript] 関数宣言の落とし穴 function foo ( ){..} と var foo = function ( ) {..} は動作が違うので要注意！
Home Subscribe function funcname(args){ do something}; は var funcname = function(args){ do something}; と等価になる。 javascriptを理解するためのたった2つの大切なこと javascriptを理解するためのたった2つの大切なこと:改 引用元の記事はすばらしい記事ですが、ここは間違いです。 等価だと思っていたらひどい目にあいます。 サイ本 第5版のp.96にちゃんと書いてあります。 function文はプログラムの静的な構造を定義するだけなのです。 JavaScriptコードが解析されコンパイルされたときに、関数は定義されます。 どういうことかというと、 function foo( ){ ... } はコンパイル時に関数が定義されます。 var foo = function( ){
[JavaScript] 猿でもわかるクロージャ超入門 ５ クロージャを作る - DQN起業日記
クロージャは、理解するよりも作るほうが簡単 前回の記事では、「関数を返す関数」をいじって、いきなりクロージャを作ってしまいました。 こんなやつです。 <script> //サンプル5-1 function outer(){ var x = 1; // outerのスコープ内で変数を定義 return function (){ //この関数が「クロージャ」 alert(x); // "関数内関数"の中で、outerスコープの変数を参照。 }; } var f = outer(); f(); // 1と表示。 </script> これが何故クロージャなのかというと、次の条件を満たしているからです。 outerのスコープ内で変数を定義し、 outerの中に関数(=関数内関数)を作って その関数内関数から、先ほどの変数を参照する 何の役に立つのか？ 「クロージャが作れたのはいいけど、何がうれしい
たった５行のコードでWebページ取得・解析をするJavaScriptプログラム · DQNEO日記
５行のコードで、Yahoo!のトピックス一覧を抽出する！使うのは「メモ帳」だけ！ Windowsユーザのみなさん、社会人・学生のみなさん、こんにちわ。 プログラマではないあなたのために、プログラムの面白さを伝えるためにこの記事を書きました。 これから、たった５行のコードでYahoo!のトピックス一覧を抽出してみます。 このプログラムのすごいところは、何もインストールしなくてよいことです。 Windowsとメモ帳だけあれば動きます。 下記のコードをメモ帳に貼り付けて、デスクトップに保存してください。 (IE6,7で動作確認済みです。たぶんIE8でも動きます。） ファイル名： yahoo.jse var IE = new ActiveXObject('InternetExplorer.Application'); IE.navigate('http://yahoo.co.jp'); while
[JavaScript] 猿でもわかるクロージャ超入門 ４ 関数を返す関数 - DQN起業日記
Javascriptでは、「関数を返す関数」というものを作れます。 <script> //サンプル4-1 function outer(){ var inner = function (){ // 無名関数を定義してinnerに代入 alert("hello"); } return inner; // inner関数を返す } var f = outer(); // outre関数は戻り値としてinner関数を返す。それがfに代入される。 f(); // "hello"と表示。inner() が実行されたのと同じ効果がある。 </script> outer関数が実行されると、 outer内で無名関数が生成される それが変数innerに代入される そのinnerが戻り値として返される それがfに代入される このとき、outer関数は 「関数を返す関数」 となっています。 「お母さんの胎内から
[JavaScript] 猿でもわかるクロージャ超入門 ３ 無名関数 - DQN起業日記
Javascriptでは、関数を定義するのに２通りのやり方があります。(注１) 関数を定義する方法その１ (普通のやり方) <script> function speak(){ alert("hello"); } speak(); // "hello"と出力 </script> はい、普通ですね。 次はJS特有のやり方です。 関数を定義する方法その２ (無名関数を使う) <script> var speak = function (){ alert("hello"); } speak(); // "hello"と出力 </script> ２行目に注目。 この式の右辺、function( ){...}の部分を無名関数といいます。 右辺で無名関数を生成して、それを変数speakに代入しています。 こうすると、変数speakはまるで関数のような振る舞いをします。（というか関数になります） spe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
くろんメーカ - crontab用のコマンドを自動で生成します。 そのままコピペしてお使いください。DQNEO起業日記
[JavaScript] コメントの書き方 - DQNEO起業日記