プログラミングさえできれば誰でも彼女がつくれる恋愛シミュレーションゲーム「プログラミングで彼女をつくる」
プログラミングに関する問題を解くことで、ゲーム内で使えるパーツや衣装などのアイテムをゲットでき、さらには女の子との親密度もグングンアップしていくという、プログラミングに関する知識を必要とする恋愛シミュレーションゲームが「プログラミングで彼女をつくる」です。 恋愛SLG: プログラミングで彼女をつくる｜paizaオンラインハッカソン7 https://paiza.jp/poh/ando コードを書いて書類選考なしで面接・カジュアル面談に進める、全く新しいカタチのコーディング転職サービスが「paiza」です。そのpaizaが定期的に開催しているオンライン上で行うハッカソンの第7弾「paizaオンラインハッカソン7」にて公開されたのが、プログラミングで恋愛シミュレーションゲームを行うという「プログラミングで彼女をつくる」です。 「プログラミングで彼女をつくる」でプレイヤーの相手になるのは、アンド
Railsフロントエンド技術の今とこれから
待望された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のエコシステムに乗っ
コンポーネント指向のUI開発時に起きがちな密結合・複雑化問題をStoreパターンで解決する
こんにちは。プレイドの藤川(@atsushiss15)です。 プレイドには学生時代よりインターンとして参加しており、今年の４月に新卒社員として正式に入社しました。現在に至るまで弊社の提供するKARTEの機能開発を担当しています。 今回はVue.jsを利用したコンポーネント指向のUI開発において、私たちが実際に遭遇した問題とその解決策として導入したStoreパターンについてご紹介したいと思います。 Vue.jsというフレームワークが題材にはなりますが、Storeパターンの考え方自体は他のフレームワークを使った開発にも転用できると思うので、ぜひ読んでみていただければと思います。 目次 Vue.jsとは？ アプリケーションの大規模化に伴って生じた問題 解決策としてのStoreパターン サンプルコード他 Storeパターンに移行した感想 最後に Vue.jsとは？ Vue.jsを一言で表現するなら
全力で大きくなるReactのコードをスタイルガイドに沿って見直したら、大変勉強になりました | Wantedly Engineer Blog
Wantedlyでは今年に入って、Reactの導入や、webpackの導入によるビルドプロセスの変更、CoffeeScriptからJavaScriptへの変更など、フロントエンドの開発環境が大幅に変更されました。このあたりの話は高松の記事に詳しく書かれていますが、よりリッチなUIを効率的にチーム開発できるようになり、とてもいい変化でした。 コードの質にばらつきがReact導入時は、一つのチームだけReactの開発を行っていたのですが、複数チームが独立して開発するようになると、同じReactのコードでもチームごとに雰囲気の違うコードが出来上がっていました。 ここは括弧を付けるべきなのか、このインデントは好ましいのか、ここはSyntac Sugerを使ったほうがいいんじゃないかなど、疑問点がある度にチーム間で確認をとるのは大きなコストになるため、どこまで指摘するかはチームのレビュアーに依存して
step by stepで始めるwebpack - Qiita
※webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも？と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依
webpackを使った Rails上でのReact開発 - クックパッド開発者ブログ
はじめに こんにちは、投稿開発部エンジニアの芳賀です。 既存のRailsプロジェクトの中でReact.jsを利用する機会があったので、その時にやったことについてまとめてみます。 私自身は普段RailsのサーバサイドとCoffeeScriptが中心で、最近のJavaScript開発環境についてあまりキャッチアップできていなかったのですが、それらの状況を把握しつつ試行錯誤で開発していった経験から、できるだけ「React採用してみたいけどJavaScript界隈よくわからない目線」で書いてみようと思います。 RailsでReact.jsを使ういくつかの方法 2016年時点で、RailsでReact.jsを使う方法はいくつかあって、どれを採用するかで悩みました。 vendor/assets/javascripts にreact.jsを置いて利用する react-rails gem を利用する br
Webエンジニアがフリーランスになるには？独立メリットや年収・必要スキル - ITプロマガジン
こんにちは、ITプロマガジンです。 「フリーランスのWebエンジニアに挑戦したいけど、安定した収入を得られるか不安」と感じている方もいるのではないでしょうか。 フリーランスのWebエンジニアとして稼いでいくには、会社員とは違うスキルやマインドが求められます。フリーランスは当然厳しさもありますが、成功すれば会社員よりも大きな収入や自由度を得ることができます。 この記事では、Webエンジニアがフリーランスとして独立する方法や案件獲得方法、高収入を稼ぐポイントを解説します。正社員との働き方・年収の比較、独立するメリット・デメリットも紹介しているので、ぜひチェックしてみてください。 「案件はたくさんあるはずなのに、なかなか自分の望む案件が見つからない…」 エンジニア市場は売り手市場であるものの、いまだに正しいマッチングノウハウが確立されておらず、多くの方が案件探しに苦労されています。 ですが、現在
新しいことをやる為の負荷と学習コストと迷子であることの自覚 - mizchi's blog
読みにくい日記です。 一応今の会社はRubyやRailsの会社ってことで通ってると思うんだけど、自分はほとんどRails触ったことなかったので、何かと色々やる必要が出てくる。 今はJavaScriptのフロントのタスクがあんまりなくてRailsやった方がいい感じで、じゃあ勉強がてらやるかって突っ込んだらちょっとウゥムって感じになった。 問題 勉強側に振ってしまいすぎたのもあるんだけど、かなり生産性低かった自覚がある。結局1週間やって出せたのがやりかけのPullRequest一件で、しかもwork in progress で残りお願いします… みたいな感じになってしまった。 で、今回新しいことをやるにあたって問題になったのは、次の点だと思った。 新しい登場人物の多さによる認知負荷の高さ パフォーマンス要件の厳しさ 最初からプロダクション前提の品質要求 ペアプロしてくれる人の確保 実は今の会社
CoffeeScript と TypeScript をそれぞれ実務案件で使ってみた感想 | DevelopersIO
そんな訳で、CoffeeScript を触り始めて半年弱、TypeScript を触り始めて1ヶ月弱ほど経ちました。まだまだ日は浅いですが、いちおう両方とも実務案件にて使用したということで、ここらで双方に対する振り返りを簡単にしておくとします。 CoffeeScript について http://coffeescript.org/ 学習開始時期: 2014年1月頃 始めたきっかけ: Middleman や Ruby on Rails が標準サポートしているため、面倒な環境構築等をしなくて済んだから Ruby や Haml のようなテキスト量の少ない文法が好みだったから そんな訳でとっかかりとしての基礎学習期間はだいたい2〜３日くらいで、そこから既存のプロダクションコードを CoffeeScript に書き換えつつ実案件に取り入れていきました。 おおまかな特徴 要は JavaScript をよ
React on 現場 ~ あるいは Modern JavaScript on Rails ~ - Qiita
これは何 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
【WEBサービス】youtubeを使った音ゲー×タッチタイピングサービスを作ってみた【つくってみた】 - undefined
あけましておめでとうございます。 2015年は頭にあるサービスをいくつか形にしたいと考えているbokuwebです。 早速ですが、2014年の秋から作っていたサービスをβ版ですが公開しましたので告知いたします。 つくったもの 無料タッチタイピング音ゲー typebeatscloud どんなもの? 「typebeats」はタッチタイピングを楽しく学ぶことを目標に作成した、youtube動画の音楽に合わせてタイピングする音ゲー×タッチタイピングサービスです。 いわゆる「BEATMANIAシリーズ」や「太鼓の達人」のような音ゲーとタイピングゲームを合わせてものです。 使用技術 言語 PHP、CoffeeScript(JavaScript) フレームワーク enchant.js、 jQuery CSSフレームワーク Flat UI(Twitter Bootstrap) データベース MySQL CM
Grunt: The JavaScript Task Runner
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
CoffeeScript - - Railsドキュメント
CoffeeScriptについて CoffeeScriptとは 公式サイトによると、CoffeeScript is a little language that compiles into JavaScript.(JavaScriptにコンパイルするシンプルな言語です) 簡単に言うとJavaScriptをRubyライクに記述できる言語だと思います。 特徴 文末のセミコロンは不要 ブロックはインデントで表す 「->」はfunctionの略 varは不要 Rubyと同様でreturnは省略可能 コンパイルが必要 JavaScriptに潜む罠をいい感じに回避 出力するJavaScriptが綺麗 railsにおいて Railsでは、Asset Pipelineという仕組みを使って、CoffeeScriptを自動的にコンパイル 拡張子は、「.js.coffee」 フォルダは、「/app/assets
HubotスクリプトをCommon Lispで書く - 八発白中
いい加減ChatOpsにも手を付けたいなぁ、と思って、試しに家庭内SlackにHubotを導入してみました。 HubotはGitHub社製のチャットボットフレームワークです。CoffeeScriptで書かれていてNode.jsで動きます。挙動を追加するにはCoffeeScriptでスクリプトを書きます。 これを利用して、チャットというインターフェイスを使って様々な日常タスクを処理させることができます。最近の流行りでは、hubot deployなどと唱えるとチャットからサーバのデプロイをしたりできるようです。 今年もChatOps Advent Calendarでチャットボットを使ったテクニックが投稿されているようです。 ChatOps Advent Calendar 2015 - Qiita さて、導入したのはいいのですが、CoffeeScriptを書くのがどうにもダルい。JavaScri
【旧版】CoffeeScript入門 (全13回) - プログラミングならドットインストール
JavaScriptをよりわかりやすく、簡潔に記述するための言語がCoffeeScriptです。その記法、導入方法について解説していきます。
CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way. The golden rule of CoffeeScript is: “It’s just JavaScript.” The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime. You can u
Chrome拡張 "ニコ生アリーナ" を作った。 - よんちゅBlog
春アニメの放送開始、GWのアニメ一挙など、来るべき戦いに敗北しないために作ったのが、今回のChrome拡張 "ニコ生アリーナ" です。 Chrome ウェブストア - ニコ生アリーナ ニコニコ生放送を少しでも見ている方なら便利に使って頂けるのではないでしょうか。 主な機能は以下 ニコ生自動入場 ニコ生自動枠移動 参加中のコミュニティ/チャンネルの放送番組の一覧表示 タイムシフト予約中の番組一覧表示 公式放送番組の一覧表示 一覧表示上に番組の状態(開場前/開場中/放送中)を表示 番組の状態に応じた番組数をバッジ表示 デスクトップ通知 自動タブオープン ニコ生閲覧履歴 オススメの使い方 見たい番組をタイムシフト予約しておくと良いでしょう。 これでブラブザを開いてさえいれば、開場前に自動的にタブが開き、さらに開場と同時に自動的に入場してくれるようになります。 ユーザ生放送の場合は、コミュニティに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://spinejs.com/
SLOBSERVER - L'actualité de Second Life
JS Bin
