jsonといえばajaxで受け取ってフロントでゴニョゴニョするデータというイメージだったのですが、ローカルから読み込んでフロントだけで扱うこともできるんですね。割と最近知って色々使い所ありそうだなと思ったのでメモっておこうと思います。 FileReaderを使うざっくりとサンプルを作ってみました。PC内jsonファイルを選択すると、そのファイルの中身を表示するというものです。ソースコードはこちら。 <input type="file" id="file"> <div id="result">ここに結果が表示されます</div> window.onload = () => { const file = document.getElementById('file'); const result = document.getElementById('result'); // FileReader

【意外と知らないＣ言語（2）】 　 文をコメント化する方法は3通りあります。 （1）// foge （2）/* foge */ （3）/* foge //*/ 3番目は始点を示す /* を削除するだけで、コメント化が撤回されるのでデバッグ時などに便利です。　 ＼^o^／

弊社に５年間在籍していたロシアの天才ハッカーが先日退職しました。 ハッキング世界大会優勝の経歴を持ち、テレビ出演の経験もある彼ですが、正直こんなに長く活躍してくれるとは思っていませんでした。彼のようなタレントが入社した場合、得てして日本の大企業にありがちな官僚主義に辟易してすぐに退職するか、もしくはマスコットキャラとして落ち着くかのどちらかのケースがほとんどなのですが、彼は最後まで現場の第一線で活躍してくれました。 そんな彼が最後に残していった退職メールがなかなか印象的だったので、その拙訳をここに掲載します（転載について本人同意済み。弊社特有の部分は一部省いています。） ああ、なんという長い旅だったろう。この会社で５年間もセキュリティを担当していたよ（諸々の失敗は許してくれ） 俺は他の退職者のように面白いことは書けないが、私のこの退職メールを読んでくれている人、特に新人エンジニアのために、

はじめに あんまり見当たらなかったので node.js での Twitter bot 制作について解説してみます。つぶやきを受け取ってそれをそのままオウム返しするところまで 20 行くらいで実現できます。User Stream でつなぐので cron で回す必要も無いです。 (追記: 2013/03/23) Twitter の API 1.1 化に伴い、以下のエントリを参考に twitter モジュールの代わりに mtwitter モジュールを使ってみてください： 1文字足すだけで Twitter API 1.1 対応する - 凹みTips (追記: 2014/04/30) 元の twitter モジュールでも対応されているので問題なく動きます。 下準備 Twitter のアカウントへ接続するために、Consumer Key と Access Token を取得します。 http://mu

はじめに プログラミング系の時事ネタは能動的に情報収集しないと入ってこないのですが、若手だった頃はどうやって情報を仕入れればよいのかさっぱり分かりませんでした。 情報収集のコツを掴んでからパッと視界が開けた経験があるので、特に新米エンジニアの方は参考にしてみてください。 ニュースアプリ Gunosy、SmartNewsなど色々試しましたが以下の２つがプログラミング系記事多めでした。 通勤時間などに流し読みして、気になるものは深く調べると良いです。 はてなブックマーク(テクノロジー) presso(webアプリ開発) ※2016年4月末に終了 ITニュースサイト 技術全般 TechFeed Menthas POSTD SELECK フロントエンド UX Milk Frontend Weekly 海外記事 TechCrunch Frasco Web系企業・エンジニア技術ブログ 最近はどの会社も

若手エンジニアを不幸にしないための開発の「べからず」集を書いてみました。 「若手エンジニアを不幸にしないため」とは書いていますが、若手に限った内容ではありません。 いろんな開発の「べからず」のために不幸になるのは、とりわけ若手が多いということを意識したためだと思ったからです。 ・若手には、方針の決定権がない。 ・若手は、組織の中で道具のように扱われてしまう場合がある。 ・(今の）若手は、将来も働き続けるための力を付けるための組織内での教育が、（昔ほど）なされなくなってきている。 ・コスト意識が乏しいので必要性が乏しいことについてまで残業前提の仕事のスケジュールを組織がたてることが多い。（その分野の理論を知っていれば自明のことを実験で証明することを要求されるのは苦痛である。） 設計指針の「べからず」 何ができれば十分かを明確にしない 開発目標は、何ができれば十分なのかを明確にしないまま、追加

まえがき 今回書く内容は、ある程度経験あるエンジニアでも、陥りがちなものに絞って書いてみたつもりですので、[重複コードは書かない]などの超あたりまえの事は書いていません。 2017/03/16 最近よく見られてそうなので１つ追記[そもそも継承するな!!!] そもそも継承するな!!! 継承するのは、どうしようもない場合のみにしてください。 その前に、strategyパターンや、compositeパターンなどの他のやり方を考慮してもなお、継承するのが妥当である場合のみにしてください。 基本的に継承しないほうが、スケーラブルだし、テストコードも容易にかけます。 継承はis-a関係 「あー、継承ね。はいはい」で飛ばしてんじゃねーよ。 いやマジで!!! ほぼ全てのエンジニアは[is-a]が何か知っています。 というのも全てのオブジェクト思考の書籍には出てくる概念だからです。 しかし、私の経験上この概

TOPPERS/EV3RT（Real-Time platform for EV3）は、メモリ保護機能付きRTOSである​TOPPERS/HRP3カーネルをベースとしたMindstorms EV3用の開発プラットフォームです（β7-3までは，​TOPPERS/HRP2カーネルをベース）。 EV3RTを使って、CやC++等の開発言語でリアルタイム性の高いアプリケーションを開発することができます。 ​ETロボコン2015の公式ソフトウェアプラットフォームの１つとして採用されています。 ​名古屋大学 大学院情報学研究科 高田研究室を中心に開発を進めています。 毎年，TOPPERSプロジェクト主催で無料セミナーを開催しています。セミナーの資料は，こちらで公開しています。 特徴 主な特徴は以下の通りです。 起動が高速 約５秒！ メモリ消費量が少ない 標準プラットフォームの約10% 高いリアルタイム性

関数を呼び出す場合 「呼び出す関数は使用する前に記述しておく必要がある」 というルールがあります。 しかし、関数が増えてくるとこれらの呼び出し順番を管理するのがめんどくさくなります。 そんなときのために？C言語には「プロトタイプ宣言」という構文が用意されています。これは関数の中身（処理）を記述せずにとりあえず関数を呼び出す前に宣言しておいて、処理の部分は後ほど記述するという方法です。これで、いつでも関数を利用できるようになります。 それでは関数のプロトタイプとして宣言する方法をみてみましょう。 戻り値の型 関数名(引数の型); このように「戻り値の型（関数の型）」「関数名」「引数の型」を指定すれば、OKです。これでプロトタイプ宣言の完了です。 例えば、int型の引数を2つ持つ int型の tasu関数をプロトタイプ宣言する場合は int tasu(int, int); このように宣言すれば

この文章について OOP（オブジェクト指向プログラミング、オブジェクト指向パラダイム）について プログラミング勉強中の大学生さんに説明する機会が何度かあったので、 自分の中で整理するために書きました。 中には適切でない説明もあります。ばっさり省いているところもあります。 詳細より イメージを掴んでもらうことを優先しているためです。 「それにしてもあんまりだなー」という表現がありましたらご連絡いただけると嬉しいです。 大学生さん 大学生さんたちはいろんな背景を持っています。 プログラミングを始めたばかりの人 独学で Objective-C や JavaScript を書いた経験がある人 Web やコンピュータの仕組みについてもこれから勉強する予定の人 使用言語 大学生さんたちはプログラミングの第一歩として JavaScript と PHP を使っています。ここでは説明に PHP のコードを使

PHPやHTMLなどを記述するのに高機能なテキストエディタを使うと一気に作業効率が上がります。SublimeTextも人気だけどちょっと難しそう……そんなときには国産の無料で使えるサクラエディタをおすすめします。サクラエディタと言えば、windows上で動作するエディタとしては、国内で最もメジャーなエディタの一つです。 何より国産エディタのため、メニューがはじめから日本語なので初心者の方には特にオススメです！マクロやプラグインも使えるので、使いこなせば一気に作業効率がアップすること間違いなし！今回はそんなサクラエディタのインストールからプログラムを書くときにおすすめの基本設定までをご紹介します。 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニ

企業に所属して、決められた職場に出勤し、一定の給料をもらうという働き方が主流な一方、最近は自由な場所で働くフリーランスや在宅勤務など、インターネットを利用して比較的自由な働き方をする人が増えてきています。 今は会社をいきなり退職しても、それなりに生活費を稼げる時代です。稼ぐ方法、働く方法を知っているか知らないかで大きく差がつく世の中。 『路頭に迷う』という言葉は、ネットを活用して働く方法を知っている人にとっては過去の話なのかもしれません。 働く方法の代表的なものとしては、「クラウドソーシング」があげられます。 スポンサーリンク クラウドソーシングとは インターネットを利用して不特定多数の人に業務を発注したり、受注者の募集を行うこと。また、そのような受発注ができるWebサービス。 クラウドソーシング（crowdsourcing）とは - IT用語辞典 e-Words 仕事の依頼をする側と、受

[出典] プログラマが知るべき97のこと 当サイトはオライリー・ジャパンによる公式なサイトではありません。 個々のエッセイは「CC-by-3.0-US」によってライセンスされています。

2014年01月11日 横スクロール2Dアクションゲームの作り方系記事の一覧 概要 自分が少し前に作ったゲーム、I wanna be the missionに組み込まれている技術を書いていきます。 何故かマリオのようなアクションゲームを作る作り方の文章が少ない・・・と思ったので書くことに決めました。 メニュー 基本技術の説明（更新中止中。近況をどうぞ）：プレイヤーキャラの基本プレイヤーキャラとマップの基本プレイヤーキャラとマップの基本:詳細説明プレイヤーの物理挙動(実際のコード) プレイヤーの物理挙動2(ジャンプの高さをボタンで調節する、など)プレイヤーと情報の当たり判定プレイヤーの斜め床プレイヤーの動く床＆斜め床（予定）下から上がれる床、リフト、回転床（予定）さらにやる気のある方向け： ジャンプするアクションゲームを作りたい人へ公開したマップエディタソフト：@MapEditor これより

スマホでも動く無限横スクロールアクションのブラウザゲームを作る：enchant.jsでHTML5＋JavaScriptゲーム開発入門（終）（1/5 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。最終回は、総集編として、無限に横スクロールするアクションゲームを、10ステップで作りましょう。キモは当たり判定です。

1: 以下、名無しにかわりましてVIPがお送りします 2014/01/05 23:49:46 ID:S9aDypj+0 あたり付きの自販機は ・個数判定 ・日数判定 を組み合わせたシステムになってる 例えば設定個数が100、設定日数が3日のとき 初期化時から売れた個数が99個かつ、3日以上立っている場合のみ当たりが1本出るように鳴ってる だから200個売れてても2日しかたってないなら当たりはでないし 10日立ってても90個しか売れてなかったらあたりは出ない で、一部の自販機はデバッグ用に設定個数と設定日数が表示されるものもある あんま言うとやばいかもしれないから販売店名は言わないけど ・5円か1円を2回入れる ・10円→50円→100円→500円→1000円 の順に金を入れてく するとディスプレイに「A:○○」「D:○○」とでるタイプと一番上の段と1個下の段のボタンが光って10のくらいと1