イマドキWebフロントエンド環境とReactを触りながらサンプルを10本書いてみた
はじめに Webフロントエンドの知識がjQueryで知識が止まっていたので、モダンなWebフロントエンドに触れてみた。そのメモ。 良かった点 「今はこうなっているのかー」と分かった。今後はナウい記事を読んでもビビらないと思う。 Reactのすごさ 触ってみて下の記事のいうことが理解できた。何がすごいの？と聞かれたら下の記事を掻い摘んで説明したい。 Reactを使うとなぜjQueryが要らなくなるのか 触ってみたもの ES6 Yarn Webpack Babel Sass/SCSS React とりあえずエディタ開いてHTMLを書くぞというタイプの人間だったので、フロントエンド開発にまずはコマンドラインを打って環境を構築する点が新鮮。自動化できるところはツールで共通化してラクできるところはラクをする、というのは分かった。Reactは使うか分からないが、Webpack/Babel/SCSSは絶
少女が13歳から8年間、架空の妻子持ちMLBライターになりすましていたことが発覚 | ベースボールチャンネル
米国の野球メディア界に衝撃が走った。8年間野球ライターとして活動していたライアン・シュルツという妻子持ちの中年男性が、実は現在21歳の女性であることが発覚したのだ。ベッカ・シュルツは13歳のときから架空のライアン・シュルツという男性になりすまし野球ライターとしての活動を続けてきたが、今月に入り、女性へのハラスメントがきっかけでなりすましが発覚したという。現地9日に米サイト『デッドスピン』が報じ、多くのファンが衝撃を受けている。 野球ライターになりたかったという13歳のベッカ・シュルツ。若い彼女がライターになるために選んだ方法は、男になりすますことだった。彼女は本名に近いライアン・シュルツという名前を選択。妻子持ちというキャラクターを作り、ライターとして野球メディアやブログに寄稿を続け、地位を築き上げて行った。 今回、なりすましが発覚したのは、ライアンがツイッターに投稿した女性蔑視のツイート
受託開発の会社が本格的にWebサービスを開発・運用してみてぶつかった課題（只今5ヶ月目） - ヴェルク - IT起業の記録
うちの会社は、基本的に受託開発の会社ですが、自社サービス開発の両立を目指しています。その取り組みの一つとして、今年の5月、boardという受託ビジネス向けのクラウド型業務システムのベータ版をリリースし、8月に正式リリースしました。 昨年、PattoというスマホアプリCMSをリリースしていましたが、これはどちらかというとソリューション型の製品のため、今回のboardが、うちとしては初めての本格的なWebサービスです。 ベータ版リリースから約5ヶ月、正式リリースから2ヶ月が経ったところですが、これまでにぶつかった課題について書いてみたいと思います。 まとまった開発時間がとれない 当然ですが、できるだけ早く開発して、早くリリースしたいという思いがあります。しかし、基本的に受託開発を止めて自社サービスの開発をしていたわけではないため、1ヶ月がっつりとboardの開発をする、ということができませんで
エンジニアに作業中話しかけていいタイミングを聞いたら大体こんな感じだったんだけど : 【2ch】コピペ情報局
2014年08月30日 22:28 Twitter おもしろ画像 コメント( 66 ) エンジニアに作業中話しかけていいタイミングを聞いたら大体こんな感じだったんだけど Tweet エンジニアに作業中話しかけていいタイミングを聞いたら大体こんな感じだったんだけど、プログラムに限らず作業中ってみんなこんな感じなのかもしれない。 pic.twitter.com/gnp25pxdpP— よう #365日の百合 (@oshiroi_you) 2014, 8月 30 @oshiroi_you @sugipack 分かる～www— か.ら.や.き (@karayaki) 2014, 8月 30 @oshiroi_you @miho09star 猫、かわいい♪— 子夜 (@mi_chnia) 2014, 8月 30 @oshiroi_you @shiba_shin いちばん下・・・笑— 梵天丸 (@bo
「本気で稼ぐためのアフィリエイトの真実とノウハウ」は業界真っ青の暴露本だった｜まだ仮想通貨持ってないの？
タイトルからしてノウハウが色々まとまっていると思いきや、その大半はアフィリエイト業界の裏の姿を暴く「暴露本」のテイストでした。いやー、すばらしい。切り込みまくり。 たしかに目次を見ると、ノウハウまとめというよりは「真実」の方に力点が乗っていますね。 いきなり「へー！」と思ったのは30ページ「実はスーパーアフィリエイターは数字ほど儲かっていない」というパート。本気のアフィリエイターたちは、広告を打って誘導を掛けることもあるそうな。 多くのアフィリエイターはYahoo!やGoogleに掲載するリスティング広告にお金を使います。検索結果の上部や右に出てくる広告枠です。 たとえば毎月250万円をYahoo!やGoogleに払って集客し、アフィリエイト報酬で300万円を得るとします。ただ、確実に報酬になるとは限りませんから、ヘタをすれば赤字です。リスティング広告費用も入札で変わりますから、常に費用対
俺の嫁が逮捕された : BIPブログ
1 以下、VIPがお送りします 2014/07/29(火) 16:36:48.82 ID:S+qBMP0Vu 何やってるんだよ… 薬物だって警察から電話で聞いた。 正確な鑑定結果が出てないからハッキリは言えないけど覚せい剤だそうだ。 子供を保育園に預けて何やってるの…
覚えておいて損ナシ！心理学を駆使した今日から使える交渉術8個
人生は常に交渉の連続である。 人は一人きりでは生きられない。二人以上になれば何かしらの交渉関係が生じるものだ。 今回は、心理学を用いた交渉術ということで、8個の手法をピックアップしてみました。
誰も教えてくれなかったMySQLの障害解析方法 - Qiita
それほどDBに詳しくないアプリエンジニアが何かトラブった時にすぐさま行動して問題把握できるようになる情報を列挙しておきます。 開発時、障害時の対処療法やちょっとした定期監視方法などを対象にしています。 抜本的な対策などはインフラエンジニアさんにお任せしたほうがいいと思います。 DBはいろんな意味でこわいんでできれば触りたくないです＞＜ 事前確認 MySQLサーバーのシステム設定値を確認しておく 以下のようにサーバーのシステム設定値を確認できます。 mysql> SHOW GLOBAL VARIABLES; # ワイルドカード(%)を用いた絞り込み mysql> SHOW GLOBAL VARIABLES LIKE 'performance_schema%'
Redmineを全員で使ったらカオスになった話
タスク管理のツールとしてオープンソースのRedmineを使っていた。エンジニアだけで使っているうちは特に問題はなかった。エンジニアが10数名、全員でも40人規模の会社なので全員の作業を見える化したいよねという話が上がって全員でRedmineを使い始めることになった。そして何が起きたか。 プロジェクトが乱立した エンジニアであれば「プロジェクト」は単位は大体想像がつくと思う。しかしながらツール上ではその単位でプロジェクトは作られなかった。「正規のプロジェクト」の小規模な機能追加であっても「○○対応プロジェクト」と銘打たれツール上にプロジェクトが作成された。 「〜対応プロジェクト」「〜導入プロジェクト」「〜検討プロジェクト」「〜プロジェクト」・・・どんな言葉にもプロジェクトを付ければ”プロジェクト”にできるんだということは新鮮ではあったし、勉強にもなった。（そもそも”プロジェクト”って何だ？）
ソフトウェアを15年間販売してきてわかった効果的な価格設定方法
By sharpstick's photos ブラウザにインストールすればウェブページから広告を消すことができるソフトウェアが「Ad Muncher」です。このソフトウェアの開発者であり、多くのスタートアップ企業にも関わってきたMurray Hurpsさんが、15年間Ad Muncherを販売してきた経験から得た知識を公開しています。 Shareware Insight: Pricing — MurrayHurps.com http://www.murrayhurps.com/blog/ad-muncher-pricing Ad Muncherのリリース初期、これは15ドル(約1500円)の無制限ライセンスプロダクトでした。リリース当初にAd Muncherをゲットしたユーザーに対し、現在に至るまで継続してアップデートを提供しているそうです。 ◆通貨問題 Ad Muncherリリース当時、
Vue.js が data に渡した値を激しく書き換える件について
最近、JavaScript の MV* フレームワークの中で Vue.js が少しずつ注目を浴びてきているようであります。 5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 | 株式会社インフィニットループ技術ブログ Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog そんなわけで、自分も Vue.js (v0.10.5) を触ってみたのですが、data で渡した値を激しく書き換えるところに面食らったので記事にしておきます。 自作クラスのオブジェクトを Vue.js に渡すと壊される 何らかのビジネスロジックを持ったモデルを作って、それを Vue.js のデータバインディングで HTML に反映しようすると破綻します。 簡単な例として、よくあ
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
受託開発を軸にしながら自社開発を継続するために行っている工夫（時間・お金の話など） - ヴェルク - IT起業の記録
ヴェルクでは、受託開発を軸にしながら、自社開発を行っていくスタンスで仕事をしています。その狙いや取り組みについては、以前書いた「起業して3年でやってきたこと」や「受託開発脳から自社開発脳へ切り替えの7つの壁」などに詳しく書いているので、ご参考までに。 今回は、この取り組みを維持するために行っている工夫について書きたいと思います。 受託開発できちんと収益を上げる体制を確立する ヴェルクはVCから出資を受けているわけではないため、自社開発を行うための資金は自分たちで稼ぐ必要があります。非常にシンプルで、「稼げなければ好きはものは作れない。」基本的にこのスタンスです。 そのため、まずきちんと利益を確保できる体制を確立・維持に全力で取り組みます。 とは言え、受託開発は労働集約型なので、売上を上げるためには人数を増やさないといけないですし、人数を増やすとクオリティの維持が難しく、クオリティが下がれば
クリエイティブになりきれず
僕は美大の建築科を卒業して、設計事務所に就職した。美大の建築というと、皆アトリエ系という俗に言う有名建築家の事務所へ行き、弟子になるのが一般的なのだが、僕は奨学金もあったし、普通に社会人になったらお金も欲しかったので、一般企業である設計事務所へ。 同期は工学部ばかりだったので、美大卒の自分は意匠科に回してもらえるとばかり思っていたのだが、実際に配属されたのは積算科というお金の部署。毎日毎日人が書いた図面を見て、幾らになるか電卓を叩く日々。初めの頃は絶望しかなかった。上司に意匠に何とか入れないかとは相談したけど、聞き入れては貰えなかった。 だけど、僕の今の部署でも、お金の観点から設計に意見することは多々ある。予算がなければ建築は建たないのだ。これだって立派な設計の一部だと、最近では思う。 社会人になって、僕はお金と余裕を得た。美味しいお酒やご飯もいっぱい覚えた。広めの部屋に住み、好きなインテ
日本一やさしいアドテク教室 | AI tech studio
アドテクとは、アドテクノロジーの略称。読んで字の如く、「アド（広告）」の「テクノロジー（技術）」のことを指し、 人手では実現不可能なレベルの広告配信を実現する技術にあたります。 技術を活用し、広告主とメディア（広告掲載媒体）、消費者をwin-winに導くため、発展してきました。 広告主にとっては、今までよりも高い広告効果をもたし、 メディアにとっては、収益の最大化や広告配信の効率化を実現しす。 アドテクの目的は主に２つ。 １：広告主が求める高い広告効果を出すために、より適切な場所／人に広告を出すこと ２：メディアの広告枠販売や広告配信の効率化を実現し、収益最大化の支援をすること これらを叶えるためには、私たち消費者の趣味趣向にあった情報（広告）を提供し、 その情報（広告）に興味を持ち、行動を起こしてもらう必要がありす。 私たち消費者が興味を示す広告を配信するため、「誰にどんな情報（広告）を
実は便利機能がいっぱい！ 『Gmail』を使いこなす裏ワザまとめ｜タブロイド｜オトコをアゲるグッズニュース
アカウント1つで、こんなにいろいろできちゃいます Googleアカウントを取るだけで使えるようになる、便利なメールサービス『Gmail』。スマホユーザーであれば、多くの方が使っておられることかと思います。 TABROIDでは、『Gmail』をさらに便利に使うためのテクニックをいくつもご紹介してきました。その内容は、実にさまざま。 そこで今回は、今までにご紹介した『Gmail』をさらに便利に使うためのテクニックをまとめてみました。メールの送受信だけにとどまらない、『Gmail』の実力をご覧ください。 便利な機能あれこれ『Gmail』には、ユニークな便利機能がたくさん用意されています。しかし、アプリ内で説明されていないものが多く、あまり知られていないものも。そんな、意外と知られていない便利機能の数々が、こちら。 「カテゴリフォルダ」をなくす
【名作動画】日本発！ たった12秒なのに何度見ても笑えるの伝説の動画「謎の遊具」
【名作動画】日本発！ たった12秒なのに何度見ても笑えるの伝説の動画「謎の遊具」 GO羽鳥 2014年5月21日 この世には、永遠に語り継がれるであろう「伝説の動画」が存在する。そこに言葉は必要ない。海の向こうの海外の人が見たとしても、パッと見ただけで面白さがダイレクトに伝わる動画である。もしもそれが日本発だったら、なんとも誇らしい気持ちになる。 ということで今回ご紹介したいのは、海外の人も一発で理解できる、単純明快な12秒の伝説動画「謎の遊具」である。 YouTube に書かれている説明によると、「天竜川河川敷にある池田の渡し公園、乗ると止まらなくなるという遊具をナイトスクープでやっていたので、体験しに行ったら……」とのことである。いったい何が起きるのか!? その答えは、動画を再生してから4秒後には判明する。だが、あえて答えは書かないことにしたい。 1秒1秒に味がある。決して「狙えない
Notify.js·HTML5のデスクトップ通知を手軽に実装できるJavaScriptライブラリ MOONGIFT
HTML5の新しい機能の一つにデスクトップ通知があります。ブラウザ上だけでなく、デスクトップに通知が出せるのでメッセージやチャット、お知らせを配信するのにぴったりです。とは言え実装方法が面倒そうで手を出していないという人も多いでしょう。 そこで使ってみたいのがNotify.jsです。各ブラウザのデスクトップ通知をラッピングし、手軽に扱えるようにしたライブラリです。 Notify.jsの使い方 Notify.jsを使っている場合、以下のようなコードを書きます。 var myNotification = new Notify('Yo dawg!', { body: 'This is an awesome notification', notifyShow: onNotifyShow }); function onNotifyShow() { console.log('notification
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
暇だし確実にぷよぷよがうまくなる方法を教えてやるよｗｗｗｗ : VIPPERな俺
cakes（ケイクス）
