リアルタイムWebアプリケーションフレームワークMeteorについて - Qiita
はじめに 初めてAdventCalenderに参加させていただきます。 先月頭に初めてMeteorに触り、１ヶ月しか触っていないですが、 その素晴らしさに感動し、DiscoverMeteorの翻訳作業に参加させて頂いたりしてます。 その感動したポイントをお伝えしたいと思い今回Meteor AdventCalenderに記事を投稿することにしました。 目標は、「ちょっと触ってみるか」と思っていただくことです。 Meteorに出会う経緯 もともとiOSアプリ開発をやりたくて組み込み系エンジニアからWeb系エンジニアに転向しました。 その状態でWebアプリ開発に触れ、ネイティブアプリと比較して 違和感というか納得いかない感を感じており、 それを解決してくれたのがMeteorでした。 納得いかない点を説明させていただくところから始めさせてください。 Web開発の違和感(SPA以前) Web開発で納
Meteorが見せるIsomorphicなDBとリアクティブな開発モデル - ブログなんだよもん
最近、Meteorを試して見てます。これはちょっとスゴイ。正直、当時Railsに受けたのと同じ興奮がある。 Meteorの説明は「リアルタイムWebアプリケーションフレームワークMeteorについて」あたりが分かりやすいので、こちら参照。 実は、2012年の公開時から存在は知ってたんだけど、チュートリアル見たくらいで特に興味はありませんでした。 しかし、今は違います。それは主にスマホアプリの開発にかなりの威力を発揮しそうだと気づいたからです。 まず、なんで公開時にあまり興味がなかったかですが、そもそもRailsなど同レイヤーのWebアプリケーションの開発FWとして考えていました。 その場合 SPA リアクティブな開発モデル クライアントとサーバを同一コード(JS)で書ける サーバサイドのDBをクライアントから透過的に呼び出せる(IsomorphicなDBモデル) という特徴はせいぜいリアク
Dockerってなんですか？ それ、JavaEEで分かるよ。 - ブログなんだよもん
はじめに 最近、Dockerが大人気ですね。GoogleやMicrosoftも参入してることはもちろんですが、Oracle Weblogicのサポート対象に入ってたりとミドルウェア側、それもエンタープライズ系製品が対応してきたのは面白い動きです。 とはいえDockerって何？っていう人もまだまだ結構多いと思います。 Dockerとはvmwareなどの技術の先にある軽量な仮想マシンである、と捉えてもあまり間違ってないと思いますが、個人的にはJavaEEコンテナの類似品というか、それと同じ文脈で考えたほうがしっくりきました。 なので、自分の理解を深めるためにも、JavaEEエンジニアはどのようにDocker及びその周辺技術を理解すればいいのか、という視点でまとめてみました。 そもそもDockerって？ Dockerとvmwareのような従来の仮想化で何が違うかですが、vmwareがOSの仮想化
広瀬すず、小島瑠璃子……抗議が来ると売れまくる「性的サブリミナル」CMのパワー
「全部出たと？」 ブレーク中の美少女女優・広瀬すずが、白い液体であるマヨネーズを放出し、こんなセリフを連呼する「明星食品『一平ちゃん 夜店の焼そば』のCMが注目を浴びた。あからさまに性的なものを想起させる内容が不快に感じると、視聴者からの抗議が殺到。現在は「好きな人おると？」というセリフに変更されている。 また、3月からオンエアされているロート製薬の「OXY」のCMでは、タレントの小島瑠璃子が赤いビキニ姿で肌を露出し、白く泡立った洗顔フォームを手に乗せて、「一緒に気持ちいいことしてみない？」「ねぇ、しちゃおうよ」と、これまた刺激的なセリフで迫っている。 広告業界では、こうした「性的サブリミナル」効果を狙った手法がたびたび使われている。ほかのCMも見てみると、「性的な暗示・ほのめかし」をそれとなく挿入しているものは意外と多い。 「最近では、『鏡月』のCMで石原さとみが語りかける『ちょっと間接
『バイキング』のE-girls・AMIに「顔が違う」「怖い」の声……原因は整形ではなく、アレだった！
11日放送の『バイキング』（フジテレビ系）に出演したE-girlsのAMI（26）に対し、ネット上で「顔が違う」という声が相次いでいる。 メディア出演の際、黒目を大きく際立たせるためのカラコンを使用しているAMI。なぜかこの日はつけていなかったようで、小さな黒目に見慣れない視聴者から、「なんか怖い」「年とって見える」「今日、顔が薄い」などの声が上がった。 しかし、AMIはインスタグラムに裸眼のすっぴん写真をたびたび投稿しており、ファンの間では、彼女がカラコンで顔が変わることは、よく知られていたという。 カラコンといえば、歌手のきゃりーぱみゅぱみゅも、「死ぬ時以外、裸眼は見せない」と語るほどの愛用者。しかし今年7月、突如として自身のTwitterにカラコン装着前の写真を投稿。なぜかこの写真は速攻で削除されたが、「別人！」「きゃりーの裸眼ヤバイ」「普通の人に見える」などと反響は大きく、裸眼写真
噂のAngular 2をのぞき見る！ーng-japan 2015
この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第5回目）です。 はじめに Angular 2の発表があり、大きく様変わりするのではないかと懸念され、話題にもなりました。そして、AtScriptからTypeScriptへの変更など、話題にことかかないAngular 2ですが、彼らがなぜ、そのような変更を行っているのかが理解できるセッションとなりました。 Angular 2 – Igor Minar Angularは、私たち開発者のWebアプリ開発の手法を変え、生産性を向上してくれました。今度は我々のニーズに合わせて、Angularが変化をする番です。このセッションでは、何が変わり、なぜそのような変更が必要なのかをお話します。 まずは、Angular 2の3つのポイントについて。 なぜAngular 2を作ることにしたのか Angula
年間30回以上の講演をこなす「IT芸人」増井雄一郎氏が、今React.jsを学ぶ理由【30分対談Liveモイめし】 - エンジニアtype | 転職type
『ツイキャス』を運営するモイの代表取締役で、経験豊富なエンジニア赤松洋介氏が、週替わりで旬なスタートアップのエンジニアや起業家を招いて放談する「モイめし」。『ツイキャス』連動企画として、お昼に30分の生放送＆その後のフリートークも含めて記事化したコンテンツをお届けします！ 『ツイキャス』を運営するモイのエンジニアがホストを務め、週替わりで旬なスタートアップのエンジニアや起業家を招いて放談する「モイめし」。今回のゲストは、飲食店向け予約台帳アプリの開発・提供を行うトレタCTOの増井雄一郎氏だ。 年間30回以上の講演をこなすといい、一部では「IT芸人」とも呼ばれる増井氏が、通算4度の起業経験を持つ自身のキャリア、さらには今注目しているという新技術React.jsについて、モイ代表取締役の赤松洋介氏を相手に語った。 Toreta,Inc. CTO 増井雄一郎氏（@masuidrive） 大学時代
いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】
対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
フルタイムの仕事をしながら起業する人に向けた5つのアドバイス - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
image via. Stock Up <Pick Up> 5 tips to chase your entrepreneurial pursuit while working a full-time job BiggerPockets.comを運営するBrian Turnerさんは、とあるポッドキャストで「起業するなら他の仕事は一切するな」というアドバイスをしているシリアルアントレプレナーの意見を聞いて、ナンセンス！だと指摘します。 BiggerPocketsを起業しながら42件の不動産物件を管理し、著者としての仕事もする彼。別に自分はスーパーマンなわけではなく、超効率的なだけだと話します。そんな彼による、フルタイムの仕事としながら起業する人向けたアドバイスとは。 まずは、フルタイムの仕事をどう捉えるか。この仕事は、本当にやりたいことを妨げる重りではなく、むしろ起業としての道を突き進むこ
ネットで勝手に「ダメ男イメージ画像」にされていた人物を直撃！
ネットにはいろんな画像が出回っていますが、 ときに ダメ男の画像なんかもあったりします。 本人が了承しているのかはわからないけど そんな画像にされてしまっている人って、 さぞかわいそうな事態であり 一体どんな気持ちなのでしょうか。 なんと実は今回、 いつの間にか自分が ダメ男の象徴ともいえるダメ男イメージ画像 にされてしまっていた人物に、 直撃することに成功したのであった！ ネット界騒然の衝撃ドキュメント とくとご覧あれ！！ 多摩在住のイラストライター。諸メディアにおいて、フマジメなイラストや文章を描くことを専門としながらも、昼は某出版社でマジメな雑誌の編集長をしたりするなど、波乱の人生を送った後に、新たなるありのままの世界へ。そんなデイリーポータルＺでのありのままの業務内容はコチラを！（動画インタビュー） 前の記事：大正琴でウキウキウォッチング ＞ 個人サイト ヨシダプロホムーページ
メンテナンスしやすいようにCSSの記述方法を変えてみた - emuramemo
メンテナンスしやすいようにCSSの記述方法を変えてみました。 なにも難しいことはしません。 いままではこんな感じ タグを階層的に指定してCSSを記述。（子孫セレクタ） pとかdivは広範囲すぎるのでh,liなどで使うことが多かったです。 最近は以下のとおり。 一個ずつ、個別にclassをつけ、CSSを記述。 メリット HTMLの構造に変更を伴う修正に対応しやすい。 デザインの修正が入った時に、タグを増やしたり、減らしたり、HTMLの構造を変更せざるを得ない場合があります。この時、構造に依存しないCSSの記述方法だと非常にメンテナンスしやすくなります。 デメリット classを多用するので、HTMLの記述が増えたり、class名が長くなったりしてソースが見にくくなります。ソースが見にくくなるということは、ミスが増える可能性を増やしてしまいます。なるべく誰がみてもわかりやすい命名規則を使うなど
Wisteria：デザインツールとしてのCSS - MOL
Wisteria.css: A class selectors based harmless CSS library. t32k/wisteria WisteriaというCSSライブラリ作った。基本的な用途としてはモックアップや後方互換とかそこまで考えなくていい、小規模の個人用のページとかで使われることを想定している。 Skeletonという、すごくシンプルなCSSライブラリがあるのだが、僕はこれが好きで、ちょっとしたものとか作るときによく使用している。このブログもSkeletonをベースにしているくらいだ。 でも最近使ってて、なにかこう違和感というか、相容れないモノを感じたので、思い立って自分用のCSSライブラリを作ってみたのだ。 Harmless Wisteriaを作るにあたって、一番気をつけたことは無害であること。つまり要素にスタイリング（h2 { font-size: 24px }
【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL
Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来
iOSアプリ開発する上で辛い思いをしないための指針 - Qiita
iOSアプリの開発の話題は、ライブラリやツール、APIの使い方に始終しがちなので、ちょっと違った方向から書いてみる試み。 意図的に発散させてみようと思ったら、思った以上にまとまりがないのですが、まあそれはそれで。 私見です。 iOS SDKをよく知る 標準のAPIを呼べば一発のところを、自力でなんとかしようとして死亡みたいなことがありがちです。 API Diffを読む。ドキュメントを読む。ヘッダファイルを読む。 ライブラリも使うだけでなくて、コードを読むと勉強になります 状態の数とスコープを抑える GUIのアプリケーションは増え続ける状態との戦いです 前提を作らない。B画面はA画面から呼び出されているはず、など 例えば、Promise系のライブラリやReactiveCocoaを使う 成功/失敗/未解決を一つのオブジェクトで表現できる UIコンポーネントはアニメーションを意識しなくても雑に使
CTOとか役員とかに関する基本的な知識 - UNIX的なアレ
CTO募集とかフルスタックエンジニア募集とか都合の良いこと言っちゃだめ - UNIX的なアレ 先日のCTOエントリが結構反響あったので続きを書いてみます。いろいろな方のリアクションみていると、CTOとか役員とかそのあたりをもう少し理解してもらいたいなと思ったのが理由です。 役員って何？ これ結構勘違いされていますが、会社法における役員というのは取締役のことです。そのため、CTOだから会社法上の役員というわけではありません。 またそれと同様に、執行役員も会社法上の役員ではありません。取締役と執行役員を兼任しているケースは多いですが、これは社内におけるそれぞれの役割を分けているためです。 それでは取締役の役目は？ まず、重要なのは以下の点です。 取締役は単独で職務執行権限を持たず、取締役会の一員に過ぎなくなった 取締役 - Wikipedia 取締役という立場自体はそれだけで職務上の何らかの権
Grunt/Gulpで憔悴したおっさんの話 | MOL
先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
もうgulpで憔悴しない - 低依存gulpfileのレシピ - Qiita
【追記150805】さらに憔悴しないための有用な記事『アカベコマイリ | gulp なしの Web フロントエンド開発』が掲載されましたので、こちらもお勧めします。 こんにちは、@armorik83です。皆さん、Grunt / gulp使ってますか。おなじみなので、ここでは説明はしません。 この記事の要点 なぜGrunt / gulpは憔悴に至るのか、経緯と問題点 npm run-scriptの仕組みについて package.jsonにscriptを羅列することに対する是非 シンプルなgulpfileについての提言 経緯 さて、先日このような記事が界隈で広まっていました。 Grunt/Gulpで憔悴したおっさんの話 この記事については同意できるところと、そうでもないところと、両方有りました。ただ、Grunt / gulpを使っていて色々歯がゆさを感じている方は昨今増えているだろうと感じます
CTOとはいったいなんだったのか - 肉とビールとパンケーキ by @sotarok
こんにちは。元クロコスCTOの sotarok です。 元というのは、「クロコス」という会社が吸収合併にされてなくなったからですね。 「CTOとはどういう人だ」という話は、ここ1−2年ホットで、定期的に話題になります。自分の元上司であるグリーふじもとさんやnaoyaさんをはじめ、立派な諸先輩方が語ってくれているところではあります。 よりまとまった話をわかりやすく聞くには彼らの話を聞いてみるというのが良いかもしれませんね。GREEのエンジニアブログとか、wadapのブログとか、WEB+DBとか。 で、まあとはいえ、CTOというのをやってみた身として、自分なりに思っていることを、自分の言葉でまとめておくことをやってみようかな、と思っていたのでせっかくなのでブログに書いてみようと思います。 ただし、はじめに言っておきますがCTOとはこうでなければいけないとか言うつもりはありません。自分が意識して
衣服の「毛玉」なぜできる？ お気に入りのニットをきれいに着よう - はてなニュース
セーターやカーディガンに、気が付くと毛玉ができていることってありませんか？ お気に入りであればなおさらショックなものです。毛玉ができないようにするには、洗い方や着方をどう工夫すればよいのでしょうか。毛玉のできる仕組みや毛玉を取る方法も紹介します。 ■ 毛玉ってなぜできるの？ ▽ 毛玉について | 衣服を楽しむ | 東京都クリーニング生活衛生同業組合 ▽ 製品特長｜おしゃれ着洗いに衣類用中性洗剤アクロン｜ライオン これらのサイトでは、衣服に毛玉ができる理由を分かりやすく紹介しています。洋服の生地と生地、または生地とかばん・いすなどがこすれ、その摩擦で繊維に毛羽が発生します。毛羽同士が絡まり合い、毛玉が作られます。毛玉ができやすい場所として、洋服の脇や裾回り、リュックサックやショルダーバッグと接触する肩、腰などが挙げられています。 毛（ウール）、カシミヤ、アンゴラなどの動物繊維で作られた製品は
[ヅ] Node.js + Express 4 + テンプレートエンジン Swig を試す (2015-04-03)
今回の環境。 OS: Mac OS X Yosemite 10.10.2 Node.js はインストール済み。 $ node --version v0.10.29 npm install で swig モジュールと express モジュールをインストールする。 $ npm install swig swig@1.4.2 node_modules/swig ├── optimist@0.6.1 (wordwrap@0.0.2, minimist@0.0.10) └── uglify-js@2.4.19 (uglify-to-browserify@1.0.2, async@0.2.10, source-map@0.1.34, yargs@3.5.4) $ npm install express express@4.12.3 node_modules/express ├── merge-des
[ヅ] Node.js で テンプレートエンジン Swig を使ってみる (2015-04-03)
Swig とは JavaScript から使えるテンプレートエンジン。 今回の環境 OS: Mac OS X Yosemite 10.10.2 Node.js はインストール済み。 $ node --version v0.10.29 Swig モジュールをインストールする npm でインストールできる。 $ npm install swig swig@1.4.2 node_modules/swig ├── optimist@0.6.1 (wordwrap@0.0.2, minimist@0.0.10) └── uglify-js@2.4.19 (uglify-to-browserify@1.0.2, async@0.2.10, source-map@0.1.34, yargs@3.5.4) サンプルその1 JavaScript オブジェクトを、HTML テンプレートファイルに流し込む。 J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
