最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？ 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue

やりたいこと ファイルをバックアップするときなど、LinuxからWindowsへ、WindowsからLinuxへファイルをコピーや 移動したい場合があります。 いろいろ方法はあると思うのですが、WinSCPでは.NET Assemblyが公開されているので使ってみることにしました。 必要なもの WinSCP WinSCP .NET Assembly 説明 C#で作ろうかと思ったのですが、簡単にかけるPowerShellで作りました。 こちらの例では、Linuxのサーバ(sessionOptions.HostNameに指定)にあるファイルをWindowsのPC(PowerShellが動いているPC)に移動してます。 なお、パスワード(sessionOptions.Password)がコメントアウトしてあるのはpagentを用いてSSH鍵認証を行っているためです。必要であればパスワードを書いて

int main() { NSMutableArray *array = [@[@1, @2, @1, @3, @1, @4, @1, @5] mutableCopy]; NSMutableArray *discards = [NSMutableArray array]; for (NSNumber *n in array) { if ([n isEqualToNumber:@1]) { [discards addObject:n]; } } [array removeObjectsInArray:discards]; NSLog(@"Result: %@", array); return 0; }

Linux には指定したファイルの絶対パスを表示する realpath というコマンドがありますが、この動作が GNU coreutils 8.23 以降変わります。 なんで? 独立して提供されていた realpath コマンドが coreutils に統合されたからです。 どう変わるの? 今のところ分かっているのは下記の2つです。 旧 coreutils 8.23 以降 動作

クックパッド開発者ブログで紹介されていたデータベーススキーマ管理ツール Ridgepole を PostgreSQL と組み合わせて利用した際の備忘録 検証環境 CentOS 6.5 Ruby 2.1.2 Bundler 1.6.2 Ridgepole セットアップ PostgreSQL に接続するのが目的だが Ridgepole が MySQL のライブラリをデフォルトで要求することに注意。 依存ライブラリインストール:

ionic plugin add https://github.com/phonegap/phonegap-facebook-plugin.git --variable APP_ID="123456789" --variable APP_NAME="myApplication" APP_IDとAPP_NAMEを指定しないと後でplatform別に怒られるので指定しておく。 例えば以下の様な感じでaccess_tokenが取れる。公式のサンプルはpublic_infoのアクセス権を指定しているが、いきなりpublic_infoは怒られるのでemailとかにしとく。 var fbLoginSuccess = function (userData) { alert("UserInfo: " + JSON.stringify(userData)); facebookConnectPlugin.ge

はじめに モバイルアプリを開発しているときに、アプリとサーバー間の通信を確認したいときがあります。たとえば、期待通りの HTTP リクエストが送られているか調べたり、サーバーからのレスポンスが間違っていないか確認したりする必要が生じます。 そんなときに、いちいちデバッガで止めても良いのですが、プロキシをはさめば簡単に通信を覗くことができます。しかも、レスポンスを改竄して、わざと不正なレスポンスにしてアプリがクラッシュしないかテストしたり、特定のリクエストだけブロックしてサーバー障害を擬似的に再現することができます。 mitmproxy とは mitmproxy は man-in-the-middle 型のプロキシサーバーのツールです。OS X や Windows、Linux 上で動作し、対話式の CUI を持ちます。SSL サポートをしている点が特長になります。 公式サイト: http:/

2014/8/29から無料試用できるサービスが公開されているというので、MQTTってどんな使い勝手なのだろうと試してみました。（註：セキュリティなどの関係上、時刻やログの内容は一部改竄されています） MQTTについて（sangoのサイトより） 追記：その後、2014/11頃から有料サービスも開始されたので、そちらを試した記事もあります。http://qiita.com/kgbu/items/4338c0386b65b2883e5a TODOs：まだやってないこと Websocketでsubscribeしてチャット: subscriberをwebsocketにしてみる。 PahoのPythonライブラリのサンプルだとユーザー、パスワード認証の使い方がわからなかったので、調べてやってみる 登録 - githubアカウント使うのが吉 現在無料使用アカウントでは以下の情報が貰えます。 ユーザー名と

これは何？ Windows Server 2012 R2にJenkinsの環境を構築した際のメモ ビルド／テストしたい環境は、Java(JRE1.8.0u20), Apache Ant(1.9.4), Git(1.9.4.mysgit.1) 作業時間メモ 今までJenkinsを構築したことはないレベルの人間で… windows serverのインストールからJenkinsのインストールなどなど含めて3~4時間？ Jenkinsのビルドを複数つなげてごにょごにょしたりしたり遊んだのが8時間 自作Pluginを入れて遊んでみたのが8時間？ 合計2日半くらい？ installer と warをダウンロードする際の違いは？ installer　はサービスとして登録までをしてくれる。デフォルトのファイルパスは、c:\\Program Files(x86)\Jenkins だった。 war の場合は、

AppStoreへiOSアプリを申請するときに、validationでエラーになりました。 「Invalid Bundle Structure - The binary file 'XXXX' is not permitted. Your app may contain only one executable file. ----」 エラーの内容を読んでも、どこが悪いのか分かりませんでしたので、ネットで調べたところ、なんとか解決できました。 どうやら、Xcodeでプロジェクトにプラグインなどのライブラリを追加すると、リソースとして登録されてしまうようです。 Xcodeで下記の操作をすることで解決できました。 TARGETSでターゲットを選択する。 Build Phasesを選択する。 Copy Bundle Resourcesを展開する。 プラグインのライブラリなど不要なファイルが登録され

IEってめんどくさい Webサービスを作成しているときに考えないといけないのは、ブラウザ毎に事なる挙動にならないようにすることです。 特にIEはほかのブラウザ（Chrome, Firefox, Opera, Safari...）に比べるとバージョンごとに変な挙動を起こしたりすることが多くて大変です。 そのため、IEバージョン○○のみこの挙動とかを設定してあげる必要があります。 それを実現するのがCSSハックです。 ※一応これは応急処置的な書き方なので、非推奨です。。。 IEのCSSハック方法 CSSに以下の記述をすることで、ハック（適応）が可能になります。 IE6 先頭に「_」をつけることでハック！

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

ファイルアップロードした画像の保存先ではまったのでメモ。 以下のアップロードプラグインを使う。 基本的には上記ページの Using a Polymorphic Attachment Model for File Storage に書かれている方法で、attachments というテーブルにファイル情報をまとめて保存して、以下のようなパスにファイルが保存されることを想定している。

以下の記事に、IPython Notebookの紹介・チュートリアルを詳しく載せました。 【チュートリアル】IPython Notebook：再生可能でインタラクティブなWebブラウザ上で作業できるIPython実行用ノート こちらでは簡潔にだけIPython Notebookとはどういうものかと、その使い方だけ（短く）紹介しておきます。(※詳細を知りたい方は上記記事でご覧下さい） IPython Notebookとは 標準にPythonでは搭載されているPython言語の対話的実行を、科学計算(Scientific Computing)を便利にかつインタラクティブに行うためにパワーアップしたものが、IPythonです(先頭のIはInteractiveのI)。 このIPythonを、Webブラウザのノートブック上で、保存・編集・共有できるのがIPython Notebookです。 IPyt

ハマったこと、あんまり使わないけどあとあと使いたいものなどをざっくりとメモ。 なので随時更新です。 logのformatオプション

Wantedlyでは、開発PCは基本的にはMacで統一しており、社員全員にMacbook AirかMacbook Proを支給している。 インターンも最近人数が多いのである程度の数のMacを用意しておいて、それを使いまわすという運用を行うようになってきている。 Wantedlyでは、新しいMacを買ってから行う設定をある程度自動化しているので、今回はこの流れを公開しようと思う。 本来はこの作業を行った後、プロジェクトごと（Web/iOS/Android等)のセットアップを行うという流れになる。ここも特にWeb用の設定は結構自動化されている。 Macの初回セットアップ 日本語でセットアップ iCloudなどEmailが必要なものは登録しないでスキップ 起動後、Xcodeダウンロードまで Dockにデフォルトで存在しているものを消す 好みの問題だがほぼすべて消してOK 最終的に以下の2つぐらい

『JavaScriptで学ぶ関数型プログラミング』O'REILLYで紹介されていた、関数で私がとても便利だなと感じ、よく使うものを紹介させて頂きます。 著者の方が自分のくせを修正するために用いている関数として紹介されているものです。 JavaScriptで学ぶ関数型プログラミング http://www.oreilly.co.jp/books/9784873116600/ //関数existyは、何かの存在の有無を明瞭にします function existy(x) { return x != null; } existy(null); //=>false existy(undefined); //=>false existy({}.notHere); //=>false

require "twitter" # TwitterDeveloperでアプリ登録＆トークンを発行 client = Twitter::REST::Client.new do |config| config.consumer_key = "" config.consumer_secret = "" config.access_token = "" config.access_token_secret = "" end begin client.search("#猫画像 -rt", :locale => "ja", :result_type => "recent", :include_entities => true).take(50).map do |tweet| output = '' if tweet.media? then output = tweet.user.screen_na

Rails Guidesでは「Resource Routing: the Rails Default」として namespace, resource, resources といったメソッドを利用する方法が紹介されている。これまでとりあえずこの機能を使って開発してきたが、これは果たして本当に積極的に利用した方が良い機能なのか。 あるとき 試しにTwitterのAPIのようなルーティングを定義しながら、Resource Routingを利用する場合としない場合とを比較してみることにする。ここでは (Resource Routingを利用するメリットを出すためにも)、API用のPrefixとして各パスの先頭に /api/v1 を付けることにする。このAPIはアクセストークンの発行や、tweetの取得、投稿、ユーザやフォロワー情報の取得などの機能を提供する。また、/api/v1 以下のどのパターン

初心者と中級者、上級者の違いとは何でしょうか？ 初心者は、 知識が少ない 開発したソフトウェアの数が少ない 中級者・上級者はその逆で、 知識が多い 開発したソフトウェアの数が多い その結果生まれる実質的な差は、 「初心者はかんたんなものしか作れないけど、中級者・上級者は難しいものを作れる！」 ということです。ですから、初心者が中上級者になるには難しいソフトウェアを作るのに役立つ知識を身につければ良いわけです！ 難しいソフトウェアとは、 ロジックが複雑で難しい 規模が大きい 性能要件が厳しい 納期が短い など、いろいろな難しさがあります。 これらのハードルに対抗する知識・技術について紹介します。 規模が大きいソフトウェアを作るための技術 規模が大きいソフトウェアを作るための技術には、以下のようなものがあります。 モジュール分割 アプリケーションアーキテクチャ フレームワーク プログラミング作

マネジメント 新しいチームのあり方を探求 就活 就活生必見！サイボウズの疑問 ティール組織 会社の「あたりまえ」が変わる 多様性 100人100通りの個性 ワークスタイル 働き方、生き方、もっと自由に 青野慶久 サイボウズ社長の想いと覚悟 キャリア 人生の「積み上げ方」を見直す 複業 複数の「本業」をもつ働き方 人事制度 多様な働き方を支える仕組み マンガ サクッと手軽に読める！

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

What's .gitignore? 教科書的にいうと、.gitignoreとは、Gitリポジトリにおいて、意図的に追跡対象から外したい（無視したい）ファイルを設定するためのファイルです。 Simple Guideline 以下のファイルをGitで追跡対象にします。 プロジェクトのソースコード ビルドファイル(Makefile, Rakefile, build.xml等) ドキュメント アプリケーションのリソース(画像等) テストコード 設定ファイルのテンプレート(not 設定ファイル) なぜ設定ファイル自体は追跡しないかというと、設定ファイル自体はメンバー固有のものだからです。（各メンバーで項目が違うものを追跡して逐一pushしていたら、毎回conflictを起こしてしまい、メンバーから顰蹙を買うことになるでしょう。。。） リポジトリにそのコードを含めるかどうか気になったら、以下の問に答

CやC++ではatexit関数で関数を登録しておくと、プログラムの終了時にその関数を自動的に走らせることができる。そういう機能はRubyやPythonにもある。 Goにはそういう機能はない。実装を忘れているのではなくて、意図的にそういう機能を持たせていないのだ。これについてIan Lance Taylorさんが大変説得力のある説明をしていた。 まず第一に、どんなプログラムでも任意の箇所でクラッシュしうるし、まったくバグのないプログラムでもいきなりkillで殺されたりマシンが電源断で落ちるということがある。従ってどんなプログラムも、突然終了させられたあとに、もう一度きちんと動くことができなければならない。つまりatexitはきれいに終了するための機能ということで、atexitが呼び出されないとうまく動かないプログラムというのはそもそも間違っているということになる。 大きなC++プログラムでは

- CustomLog ${APACHE_LOG_DIR}/access.log combined + SetEnvIfNoCase Request_URI "\.(gif|jpg|png|css|js|woff)$" no_log + SetEnvIfNoCase Request_URI "nagios_checker.html$" no_log + CustomLog ${APACHE_LOG_DIR}/access.log combined env=!no_log

まずはGetting Startedにあるようにcordovaとionicをnpmで入れる。(macでnpmインストール失敗した人はこちらが参考になるかも)

net/httpパッケージを使えば良い net/httpのDetectContentType関数を使うと楽だ。 実装はここ。 例 標準入力からファイルを読み込み、MIME Typeを出力する簡易なスクリプトを書く。 package main import ( "fmt" "io/ioutil" "net/http" "os" ) func main() { bytes, err := ioutil.ReadAll(os.Stdin) if err != nil { panic(err) } mimeType := http.DetectContentType(bytes) fmt.Printf("MIME Type: %s\n", mimeType) }

sortコマンド、使いこなしてる? UNIXの基本コマンドの一つsortコマンド。アナタはどれくらい使いこなしているか? 何にもオプションを付けずにsortと打ち込むくらいしか知らない、というなら、これを見て便利に使おう。 基本編. 各行を単なる1つの単語として扱う sortコマンドの使い方には基本と応用がある。基本的な使い方は単純で、各行を1つの単語のように見なしてキャラクターコード順に並べるなどの使い方だ。 (オプションなし)……キャラクターコード順に並べる $ cat <<EXAMPLE | sort > perl > ruby > Perl > Ruby EXAMPLE Perl ← 註) Ruby ← キャラクターコード順なので perl ← 大文字から先に並ぶ ruby ←

自前でViewControllerをモーダル表示させたい iOSでモーダルでViewControllerを表示したい場合、 - (void)presentViewController:animated:completion: を使うと思うのですが、時に、これを使わずにモーダル表示をさせたい場面があり、その対策の一つとして、専用のUIWindowクラスを作る手があります。 上記のメソッドに似た形で試しに作ってみたのがこちら。 任意のViewControllerを渡すと、それをモーダルっぽく表示してくれます。 ちなみにanimated=YESだと、ふわっとした感じで出てきます。 /** @brief 与えられたViewControllerをアラートとして表示する */ - (void)presentAlertController:(UIViewController *)viewControll

Amazon Linux AMI 2014.03.2 にはPerlのバージョンの問題により、epelのsnmpttパッケージがインストールできない http://dev.classmethod.jp/cloud/aws/amazon-linux-ami-2014-03-trap/ インストール手順 $ sudo yum install -y --enablerepo=epel openssl-devel git gcc gcc-c++ net-snmp perl-IPC-Cmd perl-CPAN-Meta perl-Sys-Syslog cpan $ sudo perl -MCPAN -e 'my $c = "CPAN::HandleConfig"; $c->load(doit => 1, autoconfig => 1); $c->edit(prerequisites_policy =

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

EC2のZabbixからアラートメールを送る場合、スクリプトではなく、ローカルのPostfixから送信する http://docs.aws.amazon.com/ses/latest/DeveloperGuide/postfix.html Update : SES Endpointの25番ポートに接続すると、Connection Timeoutが多発し、配送が遅延するので、587番ポートに変更 http://stackoverflow.com/questions/11194080/amazon-ec2-ses-smtp-timeout http://docs.aws.amazon.com/ses/latest/DeveloperGuide/smtp-issues.html You are sending to Amazon SES from an Amazon EC2 instance v

tmux上からTitaniumプロジェクトをビルドしてiPhoneシミュレータで確認しようとしても起動したiPhoneシミュレータの画面が真っ黒の画面になり以下のようにインストール出来ない． $ti build -p ios … [INFO] Focusing the iOS Simulator [ERROR] Project failed to build after 1m 57s 931ms

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

HIVEでビッグデータを処理する場合、 ログデータの中から区切り文字（例えば、","コンマ区切り）のデータを１レコードずつに分配したい場合があると思います。 その場合、まずは区切り文字の列を配列に変換し、 それを一レコードずつに落としこんでいきます。 配列に落としこむのは、HIVEで提供されているsplitを使用します。 splitは指定したカラム内の文字列を区切り文字で自動的に分離して配列に格納してくれます。 例えば、hogeカラム内がコンマ区切りの文字列の場合… そして、これを一レコードずつに表示するには、 HIVEのUDFとして提供されているexplodeを使用します。 explodeは配列のデータを一レコードずつに出力するメソッドです。 bar_listというカラムに配列でデータが格納されている、 barsテーブルがあったとします。 すると以下のようにかけます。 この２つの書き方を

概要 これからはじめて Excelで使えるマクロ・VBAを習いたいひとのために ハンズオンで学べる記事を作成したので、ぜひご活用ください。 VBAとは 以下の記事などを参考にしてください。 Excelでプログラム作成を始めるメリットとマクロの基本 (1/5) VBAとは マクロとVBAの違い リンク一覧 VBA Hands On Workshop #1 VBA Hands On Workshop #2 VBA Hands On Workshop #3 VBA Hands On Workshop #4 VBA Hands On Workshop #5 VBA Hands On Workshop #6 VBA Hands On Workshop #7 VBA Hands On Workshop #8 VBA Hands On Workshop #9 VBA Hands On Workshop

プログラミングはバグを埋め込む作業です(ﾟдﾟ) バグの密度というは諸説ありますがステップ数１０～１００に１つのバグが発生してしまうようです。 ステップ数はコーディングスタイルやアルゴリズムの選択によって大きく変わるので、あまりアテにはなりませんけど、私の経験では２０～３０行のメソッドを一つ実装して、それが一発ですべてのテストに合格する確率は５０％いくかどうかという感覚です。 ぽんこつですみません(´・ω・`) いわばプログラミングは、バグを埋め込みながら除去する作業の繰り返しで、いかにして効率よくバグを発見して退治するのかが大切だと思います。 マルチスレッドのバグは不発弾 ところがマルチスレッドは、実装するのがすっごくす～っごく難しくて、埋め込まれるバグは不発弾のごとく地中深くに潜み、何度上を通っても滅多に爆発しないくせに、プログラムの規模が大きくなったり長い間運用されるといつか爆発した

なんで文系がTeX？ 僕が通っている大学は文系で学科も文系よりの情報科（謎）です。現在卒業論文（卒業制作）を進めているのですが、論文のフォーマットはMicrosoft Wordです。他の理系の大学はTeXやLaTeXを利用して論文を制作しているのを知って、僕もターミナルでドヤドヤしながら論文を書いてみたいと思いTeXで書いてみることにしました。 HomebrewでGhostscriptおよびImageMagickをインストール MacTeXをインストールする前に、HomebrewでGhostscriptとImageMagickをインストールします。GhostscriptはPDFファイルなどの専用のインタプリタです。ImageMagickは画像やPDFファイルなどを操作したり表示したりするためのソフトウェアスイートです。詳しくはWikipediaなどで調べてみましょう。

Help us understand the problem. What is going on with this article?

結論 Android 4.4ではなく4.3のシミュレータを作成してGappsをインストール． GenymotionのAndroidにTiShadowが使えない TiShadowExpressをGenymotionのAndroidで実行しようとしても以下のようにエラーになった． $ti build -p android --tishadow … [ERROR] Failed to install apk on "192.168.56.100:5555" [ERROR] Error: INSTALL_FAILED_MISSING_SHARED_LIBRARY どうやらGappsが入っていないからっぽい．他のページも参考にしつつ，Genymotion-ARM-Translation_v1.1.zipとGoogle Apps for Android 4.4を導入してみた． http://forum

Running `ruby -e "puts RUBY_VERSION"` attached to terminal... up, run.9368 2.0.0