チュートリアルレベルをさらっと触ってみた感想 案外簡単に利用できるように感じで動的な画面が必要なケースには本当に強力な仕組み。ただ、ASP.NETとの統合利用するためには、ページのGET、POSTではなくAJAX的な実装にする必要があって、HTML中心のWebアプリの延長ではない点を考えないといけない。 knockoutjsが提供する主な機能には以下のようなものがある データ依存追跡 データモデルの変更を自動的にUIに反映できる機能 宣言的バインディング UIパーツとデータモデルを連携させる機能 テンプレート 動的にUIを生成できる機能 バインディング拡張 バインド機能を独自拡張できる機能 データ依存追跡 WPF/SilverlightのOnPropertyChanged機能相当で、ViewModelオブジェクトのメンバーをko.observableオブジェクトとして宣言することで変更をH

knockoutjs (http://knockoutjs.com/)というクライアントフレームワークを試してみた。モデルとUIの依存関係を宣言することにより、自動的に更新してくれるというものだ。売り文句をまとめると： OSS, 他フレームワークとの利用可能、軽い、ブラウザサポート等々。誰が管理しているのか知らないが、ドキュメントはよく書かれていてサポート体制はしっかりしているよう。 必要なもの <script type='text/javascript' src='./jquery-1.4.3.js'> <script type='text/javascript' src='./knockout-1.1.0.debug.js'> インストール詳細はこちら： http://knockoutjs.com/documentation/installation.html http://githu

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS

前回「『目次』の良し悪しが、すべてのマニュアルの良し悪しを決める」に引き続き、分かりやすいユーザーマニュアルの作成ポイントを説明します。前回は「構成」について説明しました。今回は「表現方法」についてです。 「操作マニュアル」「業務マニュアル」「障害対応マニュアル」 について、全部で12のポイントを解説します。 操作マニュアルを記述する 1．読み手に分かりやすい流れを考える ユーザーが操作マニュアルから知りたいことは「操作手順」と「操作の結果」です。 操作マニュアルでは、これらの情報を、「画面のイメージ」と「説明文」の組み合わせで表現します。 ＋ 操作の結果 操作の結果を表示する画面 処理内容や操作結果を説明する文章 ただし、一般的にシステムの操作は、次のような流れになります。 表示されている画面で操作を行う ↓ 結果の画面に遷移し、新たな画面が表示される≫ ↓ 表示されている画面で次の操作

TPP（環太平洋パートナーシップ）への参加をめぐって、民主党内を二分する騒動が起こっている。山田正彦前農水相を座長とする「TPPを慎重に考える会」が、民主党の国会議員180名以上の署名を集めたと発表したからだ。 民主党の議員は衆参両院あわせて407名なので、これは過半数に迫る規模だ。メンバーは非公開なので中身はわからないが、勉強会に集まったのは50人程度。小沢一郎氏や鳩山由紀夫氏などの「小鳩」グループの議員が多いが、「慎重に検討しろ」というだけで、何が問題なのかわからない。TPPには、具体的にどういう弊害があるのだろうか？ 農水省は「TPPに参加すると農業が壊滅してGDP（国内総生産）が1.6％減少する」という推計を発表したが、経産省はTPPに加入しないと2020年にはGDPが1.5％下がると発表し、内閣府はTPP参加でGDPが最大0.65％上がると推定した。 しかし農業生産額の3割を占め

全国民必読 まやかしの再雇用 いつわりの年金 「仕事はない、年金は大幅減額」 60過ぎたら、この世は地獄 ハッピーリタイアメント、定年後は悠々自適など、夢のまた夢。地獄が待っていた。当てにしていた年金は先延ばしにされたうえ、大幅減額。代わりに用意したという職場では邪魔者扱い。この国はおかしい。 平均年収200万円 「入社以来、事務部門に勤務していました。退職前は課長職になり、部下も十数人従え、年収は1200万円あった。定年後、再雇用を希望すると、『幸い、北海道の営業所で販売課長の職が残っていますよ』と言われたので、年収は300万円台に下がるけれど、2~3年は働けるだろうとホッとしていたのですが･･････。 いざ赴任して与えられた仕事は、カバン片手に中小零細企業を回って、新規顧客を開拓する営業職。部下はひとりもいない代わりに、販売課長という肩書を持った再雇用者がすでに4人いて、誰もが毎日必

はじめに先日、オタな友人が人生初の合コンに行くことになり、僕はその友人から「見た目を改造(俗に言う脱オタ)したい」との相談を受けました。 (というのも、かくいう僕自身が(自称)脱オタ歴9年であり、見た目改造に関して、色々と試行錯誤してきたからです。) 今回、友人の見た目改造計画が、思いのほか成功を収めたので、その記念に方法をまとめてみることにしました(僕なんかがファッションや脱オタを語るのは10年早いですがご容赦ください)。 行動に移しやすいように、方法はできるだけ具体的になるように心がけたつもりです。脱オタを目指す方に少しでも参考になれば、(あるいは、目指し始めるきっかけになれば、)幸いです。 さて、見た目改造(脱オタ)では、服装改造と髪型改造が2大要素となりますが、ここでは服装改造方法に絞ってまとめようと思います。 対象読者25歳前後の社会人男性、体型は細身～中肉、趣味・性格はオタ系、

面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま

3. Nodeの本を書いてます  タイトル未定？  最初から最後までNode  JSの基本とか他のSSJSとか一切なし  Node Nodeの基本から応用まで盛りだくさん  500ページ級？  発売時期？  本当はもうすぐ出るはずだったけど・・・

これまでオフィスのゲートウェイは素のCentOSにこまごまとした設定を入れたものだったのだが、いいかげん管理が面倒になってきた。かと言ってYAMAHA RT, CISCO, Juniper SRXを買う金も勿体なく、Vyattaというのがいいらしいので試してみたら結構よかった。 Vyattaの中身はDebian 5.0.4で、つまるところはLinux F/WにCUIつけましたというだけなので、機能もパフォーマンスもLinuxそのものなのだが、設定が一つにまとまって参照・管理できるのは助かる。 firewallルールの移行も含め、つながるまで半日、その日のうちに入れ替えできた firewallの設定で、"default-action drop"が入るものと入らないものがあるのだが、何が違うのかよくわからん DNATの設定がI/F別に設定しないといけないのが面倒だった これに限らず、iptab

» 腹筋割ろうぜ！ 1日5分で引き締まったお腹が手に入る「5分間お腹引き締め運動」の動画が話題に 特集 天高く馬肥ゆる秋がやってきた。眼下にはたるんだお腹が……最後に腹筋運動をしたのはいつだろうか？　自宅で一人でやる、イマイチ効果の実感できない自己流腹筋では、なかなか続かない。そんなあなたに、ある動画をご紹介したい。 1日たったの5分で引き締まったお腹を手に入れられるというエクササイズ動画がネット上で公開され、ユーザーから非常に高い評価を得ている。その名も「5分間お腹引き締め運動」。 シンプルな4種類の運動だが、腹部の主要な筋肉群をまんべんなく、効率良く鍛えられるということで人気だ。タミーなる女性インストラクターが動画でやり方を説明してくれる。 それではマット（なければバスタオル）の上に寝て、レッツトライ！ 1. 上体起こし お腹の上部を鍛える運動。床に寝て、膝を曲げて立てる。膝と足は肩幅

git-flow という git の運用を補助するプラグインを使ってみたので、その過程をメモしてみました。 そもそも git を採用理由なども書いていきたいと思います。 git を採用した理由 まず何よりも git を採用した理由ですが、日本語の本がたくさんある。Subversion のように気軽にブランチを切ったりマージが出来ない方法では「開発スピードにバージョン管理がついてこれない」という結論に至りました。 そこで svn から git へ以降の準備を進めています なぜ hg や bzr ではないのか git-svn を前々から使っていて rebase のありがたみや branch を気軽にきる運用になれていたからというのもありますが、なにより身近に詳しい人が多いというのが一番です。 Tower や GitX という素敵な GUI があるのも魅力の一つですね。 A successful

こんにちは、インフラやってる sotarok です。最近、社内でも「sotarok は そーたろっくと読む」という誤解が広がっていましたので改めて自己紹介しますと、sotarok と書いて「そーたろー」または「そーたろー・けー」と読みます。ロックしてないのでよろしくお願いします。 今日は、Git の話です。 GREE ではずっと Subversion を使っているという話を、以前開発環境の話をしたときに少し触れたことがあります。Subversion での運用方法も、GREE では割と面白い運用をしているのでその話もどこかでしたいのですが、まあ、それは今回は置いておきましょう。どこかで聞いてください。 GREE もその昔 CVS から Subversion に移ったのですが、時代は流れるもので、いよいよ Git 化という流れがきています。Subversion と Git の違いを今更あえて挙

githubにpushしてからcommitが間違っていたことに気付きました。以下のようにすると取り消すことができます。 【注意】commitだけでなく変更も失われます。ローカルのソースツリーは残された最後のcommitに戻されます。変更を保存したい場合は使わないでください。コミットログの修正には git commit --amend を使用してください。 git rebase -i HEAD~2 ← エディタが開くので二行目を削除して保存する git push origin +master以下を参考にしました。 How can I remove a commit on github? id:okmount:20091021 古いコミットを書き換える： 歴史修正主義者のための git rebase -i 入門 githubだけ githubだけを取り消すには別の方法もあります。ローカルは同期

About 南の島のプログラマ。 たまに役者。 Practical Schemeの主。 WiLiKi:Shiro 最近のエントリ 米国の大学進学無限cxr高校受験Defense振り返ってみると2019年は色々学んで楽...覚えるより忘れる方が難しい(こともある)眼鏡のつると3DプリンタIris Klein Acting ClassSAG-AFTRA conservatory: Voice Acting創作活動って自分を晒け出さねばならないと...More... 最近のコメント shiro on 歳を取ると時間が速く過ぎるのは、新しいことに挑戦しないから? (2023/03/14)1357 on 歳を取ると時間が速く過ぎるのは、新しいことに挑戦しないから? (2023/03/01)ベアトリーチェ on ハイポハイポハイポのシューリンガン (2022/04/02)ベアトリーチェ on ハイポハ

Note of reflection (March 5, 2020) This model was conceived in 2010, now more than 10 years ago, and not very long after Git itself came into being. In those 10 years, git-flow (the branching model laid out in this article) has become hugely popular in many a software team to the point where people have started treating it like a standard of sorts — but unfortunately also as a dogma or panacea. Du

ドットインストール代表のライフハックブログ

id:bleis-tiftによるgitのフックスクリプト集がマジ便利。 gitとredmineを使ってる人はぜひ使うべき 機能 チケット番号付加 id/12というブランチで作業してるときは、コミットメッセージの末尾にrefs 12を自動でつけてくれます Redmineのチケットごとにブランチを切るようにすると、マジ便利 masterブランチへのコミット拒否 masterブランチへのコミットを拒否する 必ずトピックブランチを切るようになる pushされたときにチケットIDのないコミットの拒否 チケットIDのないコミットのpushを拒否します ダウンロード・インストール方法 https://github.com/bleis-tift/Git-Hooks に書いてある通りにすれば簡単にインストールできます

今度会社で、バージョン管理システムを Subversion じゃなくて、git 使おうっていう話になって、お勉強中です。 git は Subversion とは違って、分散型のバージョン管理システムなので、コミットをローカルでできたりするんだよね。 まだ本格的に使い始めたわけじゃないので、 アリスとボブになりきってgitをちゃんと理解したい！ とかを参考にちょっと使ってみたのを記録しておきます。 とりあえず、バージョン管理してみる。 適当なファイルを作成 バージョン管理したいディレクトリと、ファイルを準備する。 # test っていうディレクトリにある、git.txt っていうファイルをバージョン管理する C:\workspece\test\git.txt git.txt の中は適当で ねむい。 おはよう。 こんにちは。 リポジトリの作成 さっき作った test ディレクトリを右クリック、

gitの勉強をしつつ取ったノートを記事化しました。一応これを読めばざっくりとした導入やSVNとの違いが分かってもらえるように書いたつもりです。svnを使った経験があることを前提に進めていきます。 svnの場合、一つのレポジトリに対して認証のあるユーザが変更を報告していくユースケースをとっています。gitの場合は、個々のローカルマシンにリポジトリが分散されて配置され、お互いに変更を報告しあうユースケース。これはLinuxの伝統的なバザール方式の開発を想定しています。そのため例えばカフェや電車で開発したり、マスターはgithubやgitfarm（Git Hosting参照）にしておいて時々ローカルの変更を報告することも可能です。 目次 インストール 基本操作 Gitリポジトリの作成 ブランチの作成。 タグ ファイルを無視する 索引の理解 取り消し 導入 --hardと--softの違い 一個の

clone して filter-branch を使うと、サブディレクトリを別のリポジトリにできます。 例えば、/tmp/hoge にあるリポジトリに hoge と subdir/foo と言うファイルがあって、ログが以下とすると、 % git log -p --pretty=oneline ac27f0a1f18108cd81be52634b07228c6bb95a0b Added foofoo diff --git a/subdir/foo b/subdir/foo index 257cc56..b4c9d55 100644 --- a/subdir/foo +++ b/subdir/foo @@ -1 +1,2 @@ foo +foofoo a6cc83ca5cec477444f0d63359ef12dede648eb5 Added hogehoge diff --git a/hoge

ときどき間違うので。 大雑把に言うと、git rebase は「git reset + git cherry-pick × n回　を自動化したもの」と考えられる（適用するコミット群が少なければ、手動でreset & cherry-pickしても良いが、たくさんあるとそうもいかない） 好きな場所にresetして、好きな位置から好きな位置までのコミットを順次適用できる。 つまりコミットを並べ替えたり除外したり、「積み木を積み直す」ようなことが出来る。 git rebase ポピュラーな使い方。 現在のブランチをにreset から見て現在のブランチにだけ存在していたコミットを順に適用 適用されるコミット群は、から見て現在のブランチにだけ存在していたコミット、つまりgit log ..HEAD で出てくるコミット。 以下の例だとA、B、Cのコミットがreset後に適用される予定 A---B---C

こんにちは、はてなのサーバーやネットワークの各種最適化、ハードウェア選定、運用保守などを手広く担当するエンジニアのid:halfrackこと村松雄介と申します。はてなのサービスを支えるサーバーのほとんどは、自家発電装置を備えたさくらインターネット様のデータセンターに設置しています。はてなの東京オフィスにも、開発用などの用途で一部のサーバーを設定しています。もし停止しても、ユーザーさまに直接ご迷惑をおかけすることはありません。とはいえ、それなりに大事な役割を担っていて、不意の停電で困ることもあります。「インテリジェントなUPS（無停電電源装置）を導入したいな」と思っていたそんな中！ APCの中容量UPSを試せるという願ったり叶ったりな話が舞い込んできました。 （※この記事は、株式会社エーピーシー･ジャパン提供によるPR記事です。） APC, a flagship brand of Schne

なんだかやけに長い説明ばかり検索に引っかかったので書きました。 Linuxのローカル環境でDockerコンテナ内のXアプリ（GUIアプリ）を利用するには $ xhost localhost + を実行した後に $ docker run --rm --net host -e "DISPLAY" container_image_name x_app_binary_path とすれば良いです。 もっと読む SSHなどよく知られたサービスポートで何も対策せずにいると数えきらないくらいの攻撃リクエストが来ます。不必要なログを増やしてリソースを無駄にし、もし不用意なユーザーやシステムがあると攻撃に成功する場合もあります。 SshguardはC作られており、flex/bisonのパーサールールを足せば拡張できますがカスタム版をメンテナンスするのも面倒です。必要なルールを足してプルリクエストを送ってもマー

「Git」使ってますか？ 近年、分散バージョン管理システム「Git」が急速にシェアを伸ばしています。筆者は、チケットシステムやバージョン管理の勉強会などを開催したりしていますが、Gitユーザーがかなり増えてきていると感じます。 しかしながら、そのような勉強会でアンケートを取ってみると、実案件では半分以上の人がSubversionを利用しており、Gitの導入はまだまだ進んでいません。移行コストが掛かったり、プロジェクトマネージャ層への知名度がまだまだ低いというのもありますが、理由の1つとして、ユーザー管理が煩雑であったり、アクセス制御に関する情報が不足しているということもあると思います。 そういうわけで本稿では、Gitリポジトリのユーザー管理やアクセス制御を簡単に行う「Gitolite」を紹介します。 なお、本稿ではGitの利用方法については紹介しませんので、Git自身の使い方については改め

Web+DB Press 50号に載ってるGitの特集がすごくわかりやすかった． で，まあ，ただ読んでると頭に入ってこないから頭に入れたいところだけメモ． git add インデックスに追加する系． インデックスは，次のコミットでコミットする変更を記録したもの． git add <paths> <paths> をインデックスに追加 git add . 現在のディレクトリ以下のすべての変更ファイル/新規ファイルをインデックスに追加 git add -u インデックスから変更されてるファイルの変更をインデックスに追加 git add -A -u + 新規ファイル git add -p たとえば index.html の変更箇所(hunk)が2つあったとしたら， その2つのうち片方だけをインデックスに追加みたいなことができる（対話形式で） git commit コミットする系． git comm

あっという間に新しいことを学んでしまう人たち。彼らは特別な能力を持った天才なのでしょうか？ 最近発表された研究によると、そうとも限らないようです。大切なのは「失敗をどうとらえるか」。考え方次第で、学習するスピードに著しい変化があるのだそうです。 米国スタンフォード大学の心理学者、キャロル・ドゥウェック氏たちは、ニューヨークで400人以上の5年生を対象に3つの調査を行いました。 【1つ目の調査…ほめ言葉がどれだけ成果に影響するか】 「MMMMM」や 「NNMNN」というような、5文字並んだアルファベットの真ん中の文字を回答するという単純なテストです。 テストの後、子供たちに点数を教えて一言ずつ声をかけました。1つ目のグループの子供たちには「頭がいいね！」と賢さをほめ、2つ目のグループには「頑張ったね！」と努力をほめました。 そのあと子どもたちは、下の二つから次に受けるテストを選ぶように言われ