ReactとVue、どっちが書いていて楽しいか検証してみた
はじめに はじめまして。 2019年3月に入社した正岡です。 平均週に4回、大分県中津のから揚げ弁当を食べている大の鶏好きです。からあげクンと呼んでください。 主に Rails × Typescript のプロジェクトにフロント／バックエンドエンジニアとして参加しています。今後ともよろしくおねがいします。 本記事の内容 およそ１年前、弊社ではDocBaseのユーザーの皆様により良いユーザー体験をしていただくために何ができるかを検討しました。結果、フロントエンドを改修して SPA（Single Page Application） に移行することで、従来よりも速く、快適にご利用いただけるのではないかという結論に至り、ご存知の通り先日リリースいたしました。 フレームワークどれを使うか問題 既存サービスのSPA化などのフロントエンド改修を検討する際、「フレームワークどれ使う？」問題にぶち当たります
ReactとFluxでクライアントサイドの設計
はじめに こんにちは。皆さんはReact使われてますでしょうか？ 今回はReactとFluxについて書きます。 MVCの問題点 詳しくはこちらに書いていますが、MVCでアプリを作った場合は、ModelとViewの間で双方向のデーターフローが作られる可能性があるので理解したりデバックするのが難しくなります。 React単体で使った場合の問題点 子のViewでなにかアクションを起こした結果、親のViewにも変更を伝えてなににかをする場合、子のViewに親のViewのコールバック関数を渡す必要があります。 子のViewの下にさらに、子のViewがあって、アクションが起こった時に親のViewに伝えようとするとコールバックが深くなって複雑になってしまいます。 Flux それを解決できる方法としてFluxです。 Fluxを使うとデーターフローが一方向になります。 やってることはObserverパターン
小さなメモから始めて、チームを育てる DocBase の先行登録を開始
弊社で開発している新サービスの先行登録を開始しました。 小さなメモから始めて、チームを育てる情報共有サービスです。 DocBase https://docbase.io ５つの特徴 DocBaseには情報共有を活発にする５つの特徴があります。 すごく簡単にメモを投稿できる 小さなメモをチーム全員で育て、情報の価値を上げられる 複数のメモをまとめて情報を見やすく整理・保存できる 組織の枠を越えて情報を共有できる 強固な暗号化 料金プラン 正式リリース時に公開いたします。 先行登録予約 メールアドレスをご登録いただければ、ベータ公開前にご招待いたします。 公開前にいろいろなチームのご意見を参考に、より情報共有が活発になるようなサービスにしていきたいと思っています。 https://docbase.io 画面を一部公開！
チームの暗黙知を活かし創造を支援するパターン・ランゲージ
今回は今年の1月からKRAYが取り組んでいるパターン・ランゲージの活用についてご紹介します。 パターン・ランゲージとは、暗黙知を表現・共有・活用する方法の一つで、特定の状況で繰り返し現れる問題とその解決方法等（パターンと呼ぶ）を集めたものです。個々のパターンには名前があり、コンテキストや問題、背景となる因果関係、解決方法、結果、例などから構成されます。パターン・ランゲージを使うと、自分の置かれた状況の問題を識別したり、共に作業する人とのコミュニケーションを円滑にしたり、組織に蓄積されたノウハウを未来の製品や活動のデザインに応用したりできます。つまり１人の経験を１人だけのものにせず、周りの人と共有し、チームや組織で将来の活動に役立てられるようになるのです。 パターン・ランゲージ パターン・ランゲージは、建築家クリストファー・アレグザンダーの建築理論に起源を持ちます(*1)。アレグザンダーは、
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
アジャイルソフトウェア開発の導入
私がKRAYでアジャイルソフトウェア開発の布教活動を始めて、そろそろ１年になります。組織のアジャイル度はまだまだ成長中ですが、アジャイル開発導入の経験を話すと興味を持って聞いてくれる人が何人もいました。そこで今日は、アジャイル開発の導入について、その段階と課題を、KRAYの例を使って紹介します。 何から始める？ スクラムやXPといったアジャイル開発のフレームワークには、組織のあらゆる部分に関わる様々なプラクティスが含まれています。例えば、朝会、イテレーション計画ミーティング、ふりかえり、テスト駆動開発、継続的インテグレーション、ペアプログラミング、完了の定義、ユーザーストーリー、リリースバーンダウンチャート、バックロググルーミングなどです。 断言しますが、それらのプラクティスを全て一度に導入することはできません。そんなことをすれば、プラクティスに意識を取られ、関係者の理解度の違いから混乱が
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc
[追記１] 最後で説明しているproxy cacheの設定を修正しました。 [追記２] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記３] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
軽量高速Webサーバのnginxで静的コンテンツ配信とキャッシュコントロール
nginxとは？ nginxはロシアで開発されている軽量で高速なWebサーバです。 現在シェアは 7% 近くあるようです。もちろんApacheに比べれば少ないですが、Apache 55%、IIS 25%, nginx 7%で3番目に使われているWebサーバになります。 昔は、Pound+Lighttpd+Apacheの組み合わせをよく使っていましたが、ここ数年はnginx+Apacheとかになりました。 主に、静的コンテンツをnginxが受け持ち、PHPなどの動的コンテンツはApacheに渡す形になります。Railsを使う場合は、nginx+Unicornの組み合わせが多いです。 いまさらな感じもありますが、インフラ周りの見直しも含めて紹介したいと思います。 静的コンテンツをnginxに任せる nginx+Apacheの場合の設定は次のようになります。（nginxがport 80、Apac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
