プログラミングに関する問題を解くことで、ゲーム内で使えるパーツや衣装などのアイテムをゲットでき、さらには女の子との親密度もグングンアップしていくという、プログラミングに関する知識を必要とする恋愛シミュレーションゲームが「プログラミングで彼女をつくる」です。 恋愛SLG: プログラミングで彼女をつくる｜paizaオンラインハッカソン7 https://paiza.jp/poh/ando コードを書いて書類選考なしで面接・カジュアル面談に進める、全く新しいカタチのコーディング転職サービスが「paiza」です。そのpaizaが定期的に開催しているオンライン上で行うハッカソンの第7弾「paizaオンラインハッカソン7」にて公開されたのが、プログラミングで恋愛シミュレーションゲームを行うという「プログラミングで彼女をつくる」です。 「プログラミングで彼女をつくる」でプレイヤーの相手になるのは、アンド

待望されたYarnサポートの入ったRails5.1が2017年4月にリリースされました。 Ruby on Rails 5.1 Release Notes — Ruby on Rails Guides 他にもjQueryがデフォルトdependencyから外されたり、Optionalでwebpackサポートが入ったりしており、Railsのフロントエンドは大きな転換点を迎えたと言ってよいでしょう。本エントリではRailsのフロントエンド技術の今を振り返り、今後どうなっていくかをまとめてみたいと思います。 DisられてきたRailsフロントエンド Railsのフロントエンド技術スタックは、フロントエンドを専業とするエンジニアにDisられるものでした。具体的には下記の技術要素です。 jQueryCoffeeScriptAssets Pipeline (sprockets)gemのエコシステムに乗っ

Vue.jsを用いたコンポーネント指向のフロントエンド開発において弊社が導入したStoreパターンについてご紹介します。

Wantedlyでは今年に入って、Reactの導入や、webpackの導入によるビルドプロセスの変更、CoffeeScriptからJavaScriptへの変更など、フロントエンドの開発環境が大幅に変更されました。このあたりの話は高松の記事に詳しく書かれていますが、よりリッチなUIを効率的にチーム開発できるようになり、とてもいい変化でした。 コードの質にばらつきがReact導入時は、一つのチームだけReactの開発を行っていたのですが、複数チームが独立して開発するようになると、同じReactのコードでもチームごとに雰囲気の違うコードが出来上がっていました。 ここは括弧を付けるべきなのか、このインデントは好ましいのか、ここはSyntac Sugerを使ったほうがいいんじゃないかなど、疑問点がある度にチーム間で確認をとるのは大きなコストになるため、どこまで指摘するかはチームのレビュアーに依存して

※webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも？と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依

はじめに こんにちは、投稿開発部エンジニアの芳賀です。 既存のRailsプロジェクトの中でReact.jsを利用する機会があったので、その時にやったことについてまとめてみます。 私自身は普段RailsのサーバサイドとCoffeeScriptが中心で、最近のJavaScript開発環境についてあまりキャッチアップできていなかったのですが、それらの状況を把握しつつ試行錯誤で開発していった経験から、できるだけ「React採用してみたいけどJavaScript界隈よくわからない目線」で書いてみようと思います。 RailsでReact.jsを使ういくつかの方法 2016年時点で、RailsでReact.jsを使う方法はいくつかあって、どれを採用するかで悩みました。 vendor/assets/javascripts にreact.jsを置いて利用する react-rails gem を利用する br

こんにちは、ITプロマガジンです。 「フリーランスのWebエンジニアに挑戦したいけど、安定した収入を得られるか不安」と感じている方もいるのではないでしょうか。 フリーランスのWebエンジニアとして稼いでいくには、会社員とは違うスキルやマインドが求められます。フリーランスは当然厳しさもありますが、成功すれば会社員よりも大きな収入や自由度を得ることができます。 この記事では、Webエンジニアがフリーランスとして独立する方法や案件獲得方法、高収入を稼ぐポイントを解説します。正社員との働き方・年収の比較、独立するメリット・デメリットも紹介しているので、ぜひチェックしてみてください。 「案件はたくさんあるはずなのに、なかなか自分の望む案件が見つからない…」 エンジニア市場は売り手市場であるものの、いまだに正しいマッチングノウハウが確立されておらず、多くの方が案件探しに苦労されています。 ですが、現在

読みにくい日記です。 一応今の会社はRubyやRailsの会社ってことで通ってると思うんだけど、自分はほとんどRails触ったことなかったので、何かと色々やる必要が出てくる。 今はJavaScriptのフロントのタスクがあんまりなくてRailsやった方がいい感じで、じゃあ勉強がてらやるかって突っ込んだらちょっとウゥムって感じになった。 問題 勉強側に振ってしまいすぎたのもあるんだけど、かなり生産性低かった自覚がある。結局1週間やって出せたのがやりかけのPullRequest一件で、しかもwork in progress で残りお願いします… みたいな感じになってしまった。 で、今回新しいことをやるにあたって問題になったのは、次の点だと思った。 新しい登場人物の多さによる認知負荷の高さ パフォーマンス要件の厳しさ 最初からプロダクション前提の品質要求 ペアプロしてくれる人の確保 実は今の会社

そんな訳で、CoffeeScript を触り始めて半年弱、TypeScript を触り始めて1ヶ月弱ほど経ちました。まだまだ日は浅いですが、いちおう両方とも実務案件にて使用したということで、ここらで双方に対する振り返りを簡単にしておくとします。 CoffeeScript について http://coffeescript.org/ 学習開始時期: 2014年1月頃 始めたきっかけ: Middleman や Ruby on Rails が標準サポートしているため、面倒な環境構築等をしなくて済んだから Ruby や Haml のようなテキスト量の少ない文法が好みだったから そんな訳でとっかかりとしての基礎学習期間はだいたい2〜３日くらいで、そこから既存のプロダクションコードを CoffeeScript に書き換えつつ実案件に取り入れていきました。 おおまかな特徴 要は JavaScript をよ

これは何 JSer.info 5周年記念イベント - connpass (2016/01/16) にて発表した資料。特に理由はないが公開するのを忘れていた。 スライドモードのリリースにあたって公開する 近況(2016/01/16) 昨年9月 Kobito for Windows => Qiita開発チーム モダンなJS(当社比)を導入しようとした モダンなJSとは(mizchi主観2016版) npm/browserifyで依存を解決 Babel/ES2015 React/Flux Testable No More jQuery plugins ※これらの基準について今回は割愛 現実(2015) CoffeeScript Sprockets / グローバル名前空間渡し Backbone JSのテストはjasmineで数件 (※request specは豊富) jQuery plugins

あけましておめでとうございます。 2015年は頭にあるサービスをいくつか形にしたいと考えているbokuwebです。 早速ですが、2014年の秋から作っていたサービスをβ版ですが公開しましたので告知いたします。 つくったもの 無料タッチタイピング音ゲー typebeatscloud どんなもの? 「typebeats」はタッチタイピングを楽しく学ぶことを目標に作成した、youtube動画の音楽に合わせてタイピングする音ゲー×タッチタイピングサービスです。 いわゆる「BEATMANIAシリーズ」や「太鼓の達人」のような音ゲーとタイピングゲームを合わせてものです。 使用技術 言語 PHP、CoffeeScript(JavaScript) フレームワーク enchant.js、 jQuery CSSフレームワーク Flat UI(Twitter Bootstrap) データベース MySQL CM

Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin

いい加減ChatOpsにも手を付けたいなぁ、と思って、試しに家庭内SlackにHubotを導入してみました。 HubotはGitHub社製のチャットボットフレームワークです。CoffeeScriptで書かれていてNode.jsで動きます。挙動を追加するにはCoffeeScriptでスクリプトを書きます。 これを利用して、チャットというインターフェイスを使って様々な日常タスクを処理させることができます。最近の流行りでは、hubot deployなどと唱えるとチャットからサーバのデプロイをしたりできるようです。 今年もChatOps Advent Calendarでチャットボットを使ったテクニックが投稿されているようです。 ChatOps Advent Calendar 2015 - Qiita さて、導入したのはいいのですが、CoffeeScriptを書くのがどうにもダルい。JavaScri

JavaScriptをよりわかりやすく、簡潔に記述するための言語がCoffeeScriptです。その記法、導入方法について解説していきます。

“Everyone should learn how to program a computer because it teaches you how to think” — Steve Jobs

春アニメの放送開始、GWのアニメ一挙など、来るべき戦いに敗北しないために作ったのが、今回のChrome拡張 "ニコ生アリーナ" です。 Chrome ウェブストア - ニコ生アリーナ ニコニコ生放送を少しでも見ている方なら便利に使って頂けるのではないでしょうか。 主な機能は以下 ニコ生自動入場 ニコ生自動枠移動 参加中のコミュニティ/チャンネルの放送番組の一覧表示 タイムシフト予約中の番組一覧表示 公式放送番組の一覧表示 一覧表示上に番組の状態(開場前/開場中/放送中)を表示 番組の状態に応じた番組数をバッジ表示 デスクトップ通知 自動タブオープン ニコ生閲覧履歴 オススメの使い方 見たい番組をタイムシフト予約しておくと良いでしょう。 これでブラブザを開いてさえいれば、開場前に自動的にタブが開き、さらに開場と同時に自動的に入場してくれるようになります。 ユーザ生放送の場合は、コミュニティに