sadah sadah

Java♡HTML5 Night WebSocket

セッションで紹介したいろいろ。

なにか質問があれば @sada_h に。

ざっくりどんなひとたちが来てるか、ふだん何しているか聞く。

github pagesはちょっとしたホスティングサービスみたいに使える。

スライドのほとんどを、HTMLとJavaScriptで作っている。使うライブラリはそのときどきで違ったけど、こういった作り方をはじめてもう3年くらい。

以前は Google Code においていて、いまは github pages に置いている。どちらもWebに公開する機能があったので、バージョン管理しながらスライドのホスティングもできる。

メリットはいろいろある。

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script>
	$(function(){
	var host = "ws://localhost:8888/";
	var socket = new WebSocket(host);

	/*
	* To change this template, choose Tools \| Templates
	* and open the template in the editor.
	*/
	package websocket.sample;

	import javax.websocket.Session;
	import javax.websocket.WebSocketEndpoint;
	import javax.websocket.WebSocketMessage;

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>JSP Page</title>
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script>
	$(function(){
	var host = "ws://localhost:8080/WebApplication3/echo";
	var socket = new WebSocket(host);

	require 'base64'
	require 'mime/types'

	def print_usage
	puts <<EOS

	b64e2.rb encode file to base64(data URL Scheme).
	b64e2.rb make "base64" directory and write encoded file.

	usage

	ファイル修正して、git statusで確認して、git add -Aで変更をローカルに追加する。
	git statusで確認して、git commit -m 'test commit.'でコミットして、git pushでgitに反映させる。

	⨠ git status
	# On branch master
	# Changes not staged for commit:
	# (use "git add <file>..." to update what will be committed)
	# (use "git checkout -- <file>..." to discard changes in working directory)
	#
	# modified: README.md