You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
これは VOYAGE GROUP Advent Canlendar 2016 の5日目のエントリです。 こんにちは。いろいろやっている sakmt です。 お手すきの時間にお読みください。 栄華を極めた黄金コンビ 世に存在する数多の勉強会, 懇親会, LT会, ……。 今宵もどこかで誰かが、ビールを片手にピザを頬張り、技術談義に花を咲かせていることでしょう。 そう、ビール🍺とピザ🍕。 シリコンバレーのビアバッシュからの流れを汲むこのスタイル、近年web界隈で急速に広まりつつあります。 王者の光と影 先日、エンジニアを志す学生と話している中でこんな言葉がありました。 「最近はどの企業さんに行ってもピザを出してくれるんで、今週ピザ3回目ですよ(笑)」 どこもかしこもビールとピザ。猫も杓子も、ビールと泪と男と女とピザ。 我々は少し、ピザに頼りすぎているのではないか? いや、別にピザが嫌いなわ
この記事はfreee Engineers Advent Calendar 2016の5日目です。 こんにちは、freeeのエンジニアの @joe-re です。 僕からはflowtypeによる、Fluxアーキテクチャへの型システムの導入についてお話しさせていただきます。 背景 Reactによるコンポーネント指向設計、Fluxによる単方向フローによって、僕たちは階層化されすぎているViewにおけるイベントの発行と購読、煩雑なDOM操作と状態管理から解放されました。 Fluxアーキテクチャにおいては、Component、ActionCreator、Storeがそれぞれの層で完全に分離されています。StoreはComponentの存在を知らないし、ComponentはStoreを購読するだけで中のロジックは一切知らないし、ActionCreatorはただの関数群です。 チーム開発の中でこの関係性を
実際に使って勉強しながら、ES5とES2015でどのように書き方が変わるか比較してみました。 今回勉強するにあたって、 lukehoban氏のes6featuresを参考にしています。 以下に非常に簡潔にまとまったサンプルがあるので、興味のある方はこちらもご覧ください。 https://github.com/lukehoban/es6features#enhanced-object-literals https://github.com/lukehoban/es6features#destructuring 本文中のコードの動作確認はNode.js 7.2.0で行っています。 拡張されたObjectの記法について ES2015では、Objectの初期化時にこれらの事が出来るようになりました。 メソッド宣言の簡略化 プロパティ名と変数名が一致する時の簡略化 プロパティ名の動的な定義 etc.
このスライドについて このスライドは、 JJUG CCC 2016 Fall でお話ししたときに使用したスライドです。 自己紹介 opengl-8080 主に Qiita で技術メモを書いたり 関西の SIer 勤務 今日話すこと JPA と DDD の関係について思っていること JPA で DDD のパターンを実装するとどうなるか JPAとDDDの関係で思っていること 最初は、 JPA に対してあまり良いイメージはなかった DDD を学ぶにつれて、徐々にイメージが変わっていった なぜ変わっていったのか、どう変わっていったのか JPAでDDDのパターンを実装 エンティティ・値オブジェクトなどを JPA で実装する 仕様上の限界、実装ごとの現実 JPAとDDDの関係で思っていること JPA へのイメージの変化 DB アクセスライブラリ1との出会い DB アクセスってこうやるのかぁ JPA と
動くモノを作るのは確かに楽しい。でもまったくの基礎を持たない状態でスライドショーを作ることは、JavaScriptを学習するのに良い方法と言えるのでしょうか? 「ただプロジェクトをやってみる」というアドバイスはJavaScriptを学習する者にとって、もっとも驚くほど危険な言葉の1つです。 誤解を避けるために言っておけば、プロジェクトがコーディング言語学習にとってすばらしい方法であることは確かです(『最新技術を学び続けるのは疲れる? フロントエンド開発者なら変化を楽しもう』参照)。しかし、なにが良いのか判断できるだけの基礎知識が十分にないまま特定のプロジェクトを始めると、問題が起こります。 これは大事なポイントです。なぜなら、プロジェクトへの挑戦を急いで始めてしまうと、多くの人がJavaScriptの学習を完全にあきらめてしまう原因の1つになるからです。 失敗をして欲しくないので、次のよう
Octobox helps you manage your GitHub notifications efficiently so you can spend less time managing and more time getting things done. Don't lose track - Octobox adds an extra "archived" state to each notification so you can mark it as "done". If anything happens on an archived thread, issue or PR, Octobox will move it back into your inbox. Starred notifications - Let's be honest, you probably don'
トレタ Advent Calendar 2016 - Qiita 16日目の記事になります。 フロントエンドエンジニアのすえだです。 はじめに Flux実装する上で曖昧性をできるだけ無くすために頑張る話です。 ***アーキテクチャはこうあるべきみたいな原理主義的な話はありません。あくまで参考です。 この記事で書いていること Fluxについて DDD(レイヤードアーキテクチャ)について FluxとDDDの関係性 Fluxのレイヤー化 Fluxについて 単方向に伝搬されるデータでアプリケーションの状態を表現するアーキテクチャパターンです。 CQRSとEvent Sourcingを組み合わせたような形になります。 恩恵 単方向のデータフローにより、行ったり来たりのような処理が少なく振る舞いを理解しやすい DispatcherやActionがシングルトンで表現されるので参照に悩まされづらい DDD
こんにちは! id:amagitakayosi です。 はてなブログチームで JavaScript と Perl を書いています。 最近はてなでは Frontend Lunch Podcast を配信しています。 iTunes: https://itunes.apple.com/jp/podcast/frontend-lunch/id1174199369 RSS: https://hatena.github.io/frontend-lunch/feed.xml (2017-02-07 15:38 追記) Podcast配信サイトを移転したので、配信URLを変更しました。 この記事では、Podcast を始めた経緯を通じて、はてなのフロントエンド会の取り組みを紹介したいと思います。 目次 フロントエンド会の発足 フロントエンドMTG フロントエンドランチ Frontend Lunch Pod
この記事は、技術翻訳 Advent Calendar 2016 の15日目です(枠が空いてたので勝手にお邪魔してます)。前回(6日目)は、id:msyksphinz さんの「個人が趣味で技術書を翻訳するという意義について」でした。 今回ご紹介するのは、昨年末に公開された Kris Jenkins さん (@krisajenkins) の "What Is Functional Programming?" です。日本語訳の公開については著者から承諾済みです。また、London Functional Programmers meetup での同タイトルの講演動画が公開されています。 関数型プログラミングの考え方は、世間ではどうも小難しい話だと思われている節があります。その理由の一つに、議論の抽象度が(比較的)高いことが挙げられるでしょう。例えば、以前このブログで紹介した「なぜ関数プログラミング
IE 11で babel-plugin-transform-react-inline-elements の最適化を入れると画面に何も表示されないIE11Reactbabel IE でだけ、画面に何も表示されないんですけど? いきなりこの知らせを受けたので、調査することに。フロントエンジニアにはよくある事なので落ち着いて IE 環境を modern.IE でセットアップしつつ状況を漁っていた。 結論 babel plugin で production ビルドのみ以下のoptimizationがロードされていて、それをオフにしたら動作した。 原因 IE には Symbol が実装されていない、かつ、 React の JSX は内部的に Symbol が使われている。基本的に React が createElement で生成したObjectであれば、そのタイミングで polyfill 化された
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く