当方ボーカル、フルスタックPaaS募集 ほしいもののコンセプト SPA職人としてそこに全力を尽くしたいので、それ以外を全部やってほしい とはいえストレージへのアクセスはAWS Lambda/Cloud Function等を介してちゃんとしたコントロールをしたい プロトタイピング時は何も考えずにORMを叩いていたい 運用フェーズでは金を払ってスケールしたい。とはいえボトルネックは常に監視したい。極端にやばいスケールサイズはどうせ人を雇うのでその先は考えなくていい。 より細かい要求 認証はPaaS側が全部持ってほしい JSONSchema でクライアント/サーバーサイドのアクセス制限を定義したい サーバーはフルマネージド Lambda/CloudFunction で関数単位でパフォーマンス監視/障害検知 ローカルで本番と同じ構成が建てられる アセットは勝手にCDNに投げといてほしい バックエン

デザイン戦略室フロントエンドエンジニアの吉井です。 昨今の React 実装は、StatelessFunctionalComponent(SFC)を用いて Flux や Redux に状態管理を委譲するデザインパターンが定着していますね。アプリケーションの UX に欠かせないアニメーションですが「SPA とは相性が悪い」という噂を聞いたことがあります。従来の html アニメーションといえば jQuery.animate によるものが定番ですが、jQuery.animate は以下の理由で React と相性が悪いです。 jQuery を使用しないことがほとんどで、ほかライブラリに頼る必要がある。 DOM 参照(ref 参照)のために SFC を諦めないといけない。 Animation 実行中に component を unmount すると参照エラーになる。 Animation の状態を

みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう

**誰かみんなの主張のまとめを作ってくれないですか？** (まあそれこそお前がやれよって話かもしれないので、誰もやってくれなかったら私がしますが。。) 最近、JQueryはもはや不要でReactさえあればOK,みたいな記事をよく見ますね。 論旨としては、どうせトランスパイラ使ってるんだからもっと便利な書き方しようぜ！ってことなんだと思います。(virtual DOMがメインだ！という話もあったけど、じゃあ何でReactなの？というのは聞きたいかな。メジャーだから？) ただちょっと個人的に違和感が拭えないので聞きたいです。 ちなみに私は昔coffeeとbackbone.jsか何かで業務用のページ（SPAではなかったような気がする）を作るお仕事をしたことがありますが、フロントエンドエンジニアというわけではないです。どちらかというとサーバー管理とかのほうがよく知っていると思いますが、Javasc

フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう！ (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ（あ

はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは！　マーケティングソリューションカンパニー（MSC）開発本部の小川雄大です。 昨年11月に子会社のクロコスからヤフーに移りまして、現在はヤフーで開発を行っています。みなさまどうぞよろしくお願いします。 MSC開発本部では、ヤフーが世界最強を目指してどう取り組んでいくかについて議論する会を毎週開催しています。今回はそこで今年の1月に僕が発表した「世界最強のソフトウェアアーキテクト」について公開したいと思います。 今回はヤフーに入ってはじめての発表ということもありテーマをどうしていくかはかなり悩んだ部分なのですが、テクニックよりもアーキテクトが持つべきマインドを共有することが次につなげていく上で大切になると考えたので、多少抽

はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」

プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

oɹɪɥɪʞ∀ ɐɹnɯɐʞɐN @nkmr_aki でも暗号で書いてあるくらいだから解読したらこの方の叔父様のショッキングなvita sexualisが記してあったりしそうで、読んでいいものか悩むよね。

DeNAのサービスが強い、速い、本当の理由：特集：DevOpsで変わる情シスの未来（3）（1/4 ページ） 事例を交えてDevOpsをさまざまな角度から探る本連載。今回は「Mobage」をはじめ各種サービスを提供しているDeNAの強さの秘密を、同社の開発・運用体制に探る。 MobageなどDeNAのサービスを支えるものとは？ スマートフォンの浸透など、ソーシャルゲームを取り巻く市場環境変化が続く中、ソーシャルゲームプラットフォーム「Mobage(モバゲー)」の堅実な海外展開や、スマートフォン向け音楽アプリ「Groovy」など新サービスのリリースを重ねているDeNA。同社もDevOpsを実践してきた1社であり、その効用はサービスリリースサイクルの速さ、市場ニーズの迅速な反映といった点に現れている。 ただ同社の場合、DevOpsという言葉が登場するはるか以前から、「開発部門と運用部門の連携」に

Vim から Git を操作するプラグインとしては、今まで git.vim を使っていたんですが、fugitive.vim のほうが便利だったので乗り換えました。 詳しい説明はここ VimmerなGit使いはfugitive.vimを今すぐ入れたほうがいい - SELECT * FROM life; ここでは、自分が特に便利だと思った機能を書きます。 git add -p をグラフィカルに行う git add -p を使うと、複数の変更箇所のうちどの変更をコミットに含めるかを選ぶことができますが、fugitive の :Gdiff を使うとこれをグラフィカルに行うことができます。 :Gdiff コマンドはインデックスとワークツリーの状態の差分を vim の diff で表示します。 こんな感じ たとえば、スタイルシートの設定（上のほうの差分）はコミットに含めたいけど、クラス属性の付与（下の

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

ブログのお引っ越しは簡単！3ステップで画像も自動でインポートできます。 また、独自ドメインをお使いの方は、記事URLをそのままブログを引っ越すこともできます。詳しくは、ブログお引っ越しガイドを参照ください。 FC2ブログからのお引っ越し（データインポート）手順 STEP1. ライブドアブログを開設する（無料） まず、livedoor IDを取得して、ライブドアブログを開設します。 livedoor IDを取得する（無料） すでにライブドアブログをお持ちの方は、STEP2へお進みください。 STEP2. FC2ブログのデータをエクスポートする FC2ブログにログインし、管理画面の左サイドメニューにある「データバックアップ」をクリックします。「全ての記事」をダウンロードします。 ※注意：エクスポートファイルが8MB以上の場合、ライブドアブログに正しくインポートできません。「年度別」を選択して複

2014 大賞の発表！！みなさんのご参加ありがとうございました！本を選ぶイベント「ITエンジニアに読んでほしい！技術書・ビジネス書大賞（エンジニア本大賞）」の第一弾の投票、第二弾のプレゼン大会が無事に終了し、「技術書部門大賞」、「ビジネス書部門大賞」、各選考委員による「特別賞」が決定いたしました。みなさまのご参加ありがとうございました。 技術書部門大賞※会場のみなさんによる投票で決定しました！ 『リーダブルコード より良いコードを書くためのシンプルで実践的なテクニック』 出版社：オライリー・ジャパン ダスティン・ボズウェル、トレバー・フォシェ 著 ／ 角 征典 訳 投票した理由などみなさんからのコメント同僚にプレゼントしてみようと思います新人研修で使いたいと思いました「話しかけるように」といった訳す時の工夫点が興味深かったですテンポが良く、小ネタもあって好きなプレゼンでした 『小さなチーム

プログラミング、料理、ブログ——2013年のはてなブックマークでは、どのようなエントリーが注目されたのでしょうか。2013年の年間ブックマーク数ランキングを100位まで発表します。集計期間は1月1日～12月10日です。 2013年 年間ブックマーク数ランキング（2013/1/1-2013/12/10） 1位日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup 2位僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) - nanapi社長日記 @kensuu 3位めっちゃ安い航空券の取り方 | Into The World 4位【保存版】素敵なインテリアが探せるオススメWebサイト25選 5位あなたは100万円損してる！国からもらえる７つの手当金 6位クックパッドでリアルガチで簡単にできるレシピだけ集めた※追記あり【

2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 2013年8月にこのブログで「【Unity】素人が7日間クソゲーを作り続けてわかったこと」を公開したところ、 ものすごい反響があった上に、その後の自分を取り巻く世界が変わったのでお知らせしていきます。 世界が変わった(１)  ネットでものすごい話題になった twitter、facebook、はてなブックマークを中心にクソゲー記事が共有され、 はてなブックマークでは週間３位、年間ベスト５０に入りました！ みなさま