はじめに 前回Processing実行環境上で動かしたプログラムを、今回はProcessing.jsを使用してブラウザ上で動作させたいと思います。 Processing.jsの使い方 Processing.jsの公式サイトのlearningページによると実装方法として二つの方法があるようです。 Processingのみを使う方法 JavaScriptと共にProcessingを使う方法 1. Processingのみを使う方法 Processing言語のみで実装することが出来ます。 既存のProcessing言語で作成したプログラムをブラウザ上で動作させることが出来ます。 ファイル構成 ファイル名 内容

はじめに 前回Processing実行環境上で動かしたプログラムを、今回はProcessing.jsを使用してブラウザ上で動作させたいと思います。 Processing.jsの使い方 Processing.jsの公式サイトのlearningページによると実装方法として二つの方法があるようです。 Processingのみを使う方法 JavaScriptと共にProcessingを使う方法 1. Processingのみを使う方法 Processing言語のみで実装することが出来ます。 既存のProcessing言語で作成したプログラムをブラウザ上で動作させることが出来ます。 ファイル構成 ファイル名 内容

世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。

This document discusses Secure Shell (SSH) and how to use it to securely connect to remote servers and transfer files between local and remote systems. It explains that SSH is a secure replacement for older protocols like Telnet. It provides commands for logging into a remote server called "cpu" using SSH, and for copying files between the local and remote systems using secure copy (SCP). It also

東京工業大学の学園祭、工大祭2022「SUNRISE」は10月29日(土)30日(日)開催！

「フリーランスプログラマ」がMisocaで見積書を発行した場合の例をご紹介します。 [見積書作成_導入部分] [見積書作成_紹介] プログラマとは プログラマとは、コンピューターのプログラムを作成する人で、例えば、銀行等のシステム、ゲーム開発、Webサービスやスマートフォン向けアプリなど、さまざまなプログラムを実装する仕事になります。 請求金額の詳細を記入する際には、システム開発費、ソフトウェア開発などになります。 また、ネットワーク、データベース、サーバーのセットアップ、メンテンスに携わることもあります。 プログラマ関係者のミニ情報 Misocaの調査ではフリーランプログラマから下記のような事例を聞いています。 見積書発行前には事前に客先へ請求確認書をメールで送信する。 また、見積書以外に作業報告書や勤務表など客先により同封書類が発生します。。 見積書・見積書の表書き項目ではないが、詳細

「だけど、玄関から出るのが面倒くさい！」とプレゼンする「ひきこもりを加速するVRコミュニティサービスcluster. CEO加藤さん(@c_c_kato)」＠Skyland Ventures Meetup 情報発信しないやつはどんなに優秀でも世界から認識されない GWに開催したSkyland Ventures Meetupにて大学生～若手社会人スタートアップ向け100人のくらいの前で話してもらいましたが。僕と出会ったときの話を振り返り 「情報発信しないやつはどんなに優秀でも世界から認識されない」 という話をしていました。 彼はclusterプロジェクトを始める前に、共同創業者の田中さんと一緒にゲーム開発をしていて、その際にゲーム開発プラットフォームとしてとても有名なCocos2d-xの開発に関するブログを書いていた。 僕は ・京大院生 ・Cocos2d-xのブログを書いて(Twitterも

目次 1. まえがき 2. pairsとシステム 3. kibana サンプルシステム構築 3.1 サンプルのサーバー構成例 3.2 fluentd 3.3 Elasticsearch 3.4 kibana 4. kibanaを使う 5. エウレカでの実際の活用事例 6. 〜終章〜 1. まえがき 1.1 対象者 気軽にデータ収集をしたいと思っている開発者 基本的なLinuxコマンドの理解がある方 1.2 この記事を読んで分かること fluentd x Elasticsearch x kibana を用いたアクセスログの収集・計測方法 pairsのシステム概要 私の好きなアニメ pairs高速化チーム 1.3 この記事を読んでも分からないこと 本格的な統計解析 恋人の作り方 1.4 自己紹介 はじめまして。サービス事業部の森川と申します。 エウレカには今年のはじめ頃にJoinしました。 エ

概要 この最近、ビルド環境ばっかりいじっていてビルド環境構築マニアというニッチなポジショニングを得たので共有のためここに記そうと思う。 ちなみに、僕の設定は基本的にはそれぞれのツール(babelやrollup)で基本構成を決めていて、これらの組み合わせによって用いる。自分が今すぐ作りたいっていう環境がある場合は、最初の方は読み飛ばしてもらって、必要になった際に、上の方に戻るといいだろう。 babel設定の基本構成 以降で語る各種ビルド環境に応じて、babelの設定には何種類かバリエーションがある。まずは僕がよく使うbabelのバリエーションについてここで記述しておこう。 パターン1 (ES6 + stage-2 -> ES5) もっともよく使う構成、ただ単にasync,awaitが必要なjavascriptを普通のES6に落とし込むのに使う。(async,awaitだけならstage-3で

Vim 8.0 released! Vim 8.0が先ほどリリースされました。10年ぶりのVimのメジャーバージョンアップです。 Vimのバージョンをcronで毎日上げ続け、最新のパッチを確認し続ける日々を送ってきました。そして、今日も夜11時のcronでバージョンが上がりました。新しいメジャーバージョン、8.0でした。 ここ一年はVimにとって様々な重要な機能が入りました。JSONエンコーダーとパーサー、パッケージ機構、channelとjob、タイマー、ラムダ式など、プラグイン製作者にとって大事な機能ばかりです。今後、より高度なプラグインがでてくることでしょう。これらの機能に対する日本人の貢献は素晴らしいものです。 リポジトリをGoogle codeからGithubに移動するという重要な決定も行われました。この決定の過程にも、vim-jpの皆さんが深く関わっています。私は傍から応援するこ

お久しぶりです。tjinjinです。 夏アニメも始まり力強く生きています！ 今回は、私が所属しているチームでRe:dashを導入しましたので、そのお話をしたいと思います。 これまでのログの取扱い そもそも最初は、ログの確認と言えばサーバにログインして確認するという形でした。その後fluentdを使ってS3に送ったり、Google BigQueryに送るようにしていきました。BigQueryに送ることでログを横断的に見れるため障害調査などが楽にはなったのですが、そこで終わっていました。せっかくログがあるにも関わらず可視化ができていなため、サービスの利用状況が見えづらいものでした。 そこで弊社増田が他プロジェクトでkibanaを導入している話を聞き、何かないかと探していたところBigQueryをデータの置き場として利用できるRe:dashの存在を知り、今回導入にいたりました。 Re:dashの

参照 パーフェクトJavaScript イベントドリブンプログラミング あるイベントに対して、どのような処理をするのかを登録する ブラウザがイベントを起こすたびにその登録した処理が実行される 登録する処理のことを「イベントハンドラ」「イベントリスナ」と呼ぶ イベント例 ある要素をクリックする ある要素の上にマウスを動かす キーボードで特定のキーを押す ページが読み込まれたり、別のページに遷移する時に起こるイベント DOM Level2 モダンブラウザは、DOM Level2に準拠 IE8は'独自のイベントモデル'を実装している。APIとして別物なので注意が必要 古い書き方　「イベントハンドラ」 1つの要素/イベントについて1つしか設定できない 「古い書き方1」HTML要素の属性に指定する　(直書き) <input id="foo" type="button" value="foo" onc

大久保です。 最近、会社でElasticsearch＋Kibana＋Fluentdという定番の組み合わせを使ってログ解析する機会があったので、ついでにいろいろ勉強してみました。 触ってみておもしろかったのが、Elasticsearchがログ解析だけじゃなくてちょっとしたKVSのようにも振る舞えることです。 ElasticsearchはKibanaと組み合わせることで、もっといろいろおもしろいことできそう感あります！！ 本記事では、その一例としてTwitterのトレンドワードをリアルタイムに集計するプログラムを組んでみました。 完成形：トレンドワードごとのツイート数をグラフ化 ＃開発環境と各種ミドルウェアのバージョン ローカルで確認できればよかったので開発環境はMacです。 Java ElasticsearchはJava製なのでJavaのバージョンを確認。 $ java -version j

tl;dr コンピュータ系の情報収集用のSlack公開グループ（モヒカンSlack）を作ってみたよ。 皆さんで協力して育てていく共同RSSリーダーみたいなものだよ。 このSlackグループの情報を追っていればオッケーなので、情報取集が格段に楽になったよ。 誰でも無料で参加オッケーよ。下のどっちかからメールアドレスを入力して参加できるよ。 Invite people to mohikan Slackin Google Forms 参加者数 1,694名 (2016/10/7 時点) 4,077名 (2017/1/25 時点) 7,000名 (2017/8/25 時点) 11,747名 (2018/12/1 時点) チャネルのリストは「Gist」にあるよ。148チャネル(2017/1/25時点） 分野ごとにチャネルが別れていて、追いたい分野のものに参加すると良いよ プログラミング言語系(毎朝G

Redash helps you make sense of your dataConnect and query your data sources, build dashboards to visualize data and share them with your company. “Redash is as essential as email to my company. We love data but accessing the data is a pain without Redash. Any company I go to, I get them hooked on Redash. It’s an easy sell :)” by Ben Dehghan, Co-Founder of Data Miner Read what our users say → Write

連載目次 「人と企業とのマッチング」を支援するビジネスSNS「Wantedly」の提供で急成長を遂げているウォンテッドリー。同社はさらに「人と人とのコミュニケーション」を支援する新たな価値の創造に向けて全社を挙げて取り組んでいる。今回は、CTOとしてウォンテッドリーの開発・運用を統括しながらプログラマーとしてのキャリアにもこだわりを持ち続ける川崎禎紀氏にインタビューを試みた。 キャリアの第一歩は「プログラマー」から 編集部　どのようなきっかけでエンジニアへの道を歩み始めたのですか？ 川崎氏　子供のころにプログラミングを趣味で始め、大学でもコンピューターを専攻しました。大学院を卒業するタイミングで、大学に残るか、日本の企業に就職するか、いろいろな進路を考えましたが、ソフトウエアをプログラミングすることを自分のキャリアの第一歩にしたいと考え、たまたま学生時代にインターンでお世話になった外資系の

cd /tmp (mkdir repos.git && cd repos.git && git init --bare) git clone repos.git work && cd work # masterブランチ git commit --allow-empty -m "init" git commit --allow-empty -m "first" git commit --allow-empty -m "second" git push origin master # ブランチb1を分岐 git checkout -b b1 git commit --allow-empty -m "third" git push origin b1 echo "(1)--------------------------------------------" git show-branch -a

SkylandVentures(SV)は、U25のシードスタートアップ投資をメインに行うベンチャーキャピタル(VC)ファンドです。

Google Driveの機能の1つに「Google スプレッドシート」があります。オンラインで使えるExcelのようなもので、クラウドのため複数の環境で作業をしたり、特定の人と共有することもできます。 便利なスプレッドシートをさらに便利にする、テンプレート集をご紹介します。 1.Google ドキュメント › テンプレート ギャラリー Google ドキュメント テンプレート Googleの公式テンプレート集。あらゆるジャンルのフォーマットがあります。 2.サテライトオフィス・テンプレート集 for Google Apps Google ドキュメント テンプレート集 | Google Apps,Amazon EC2は、サテライトオフィス | Google App Engine Google ドキュメント関連　テンプレート集。Google スプレッドシートだけはなく、Google 文書（W

Scalaでパターンマッチによる分解で、よく紹介されるのはListだと思います。 例えば、このような変数を定義して val xs = List(1, 2, 3) このようなパターンマッチを行います。 xs match { case 1 :: 2 :: 3 :: Nil => println("matched!!") case _ => // ここには来ない } xs match { case one :: rest => println(s"matched!! one[$one], rest[$rest]") case _ => // ここには来ない } 結果。 matched!! matched!! one[1], rest[List(2, 3)]こんな感じのことを、Seqに対しても行うことのできる+:と:+の存在に今日気付きました。 知らなかったー！ ＊まあ、ListもSeqですが S