Kids,�Ruby,�Fun! ぼくたち、 Rubyプログラミング少年団! 〜小学生からはじめる Ruby プログラミング〜 このプレゼンテーションでは、プログラミング教育をめぐる状況を簡単に紹介したあとで、Rubyのプログラミングを教えるために私たちが開発したスモウルビーをご紹介し、最後に私たちの活動を紹介しています。 実際にプレゼンテーションで話した内容はすべてノートに記述しておりますので、関連ビデオなどをご覧いただかなくても、私たちの話が理解していただけるようになっています。
※この記事は2014年05月19日に書きました。 ※この記事は2014年05月21日に編集しました。 ■まえがき Macを使っていて、普段使いエディタがSublime Textなので、 tscをインストールする所から、 Sublime Textで シンタックスハイライトの表示と自動補完の導入までをやってみます。 ※git、Node.js、npmはインストール済みとして進めます ■インスコするもの TypeScriptコンパイラ(tsc) T3S ■TypeScriptコンパイラ(tsc)インスコ npm install -g TypeScript 上手くインスコできたら、tscコマンドが使えるようになっているかと思います。 tsc -watch *.tsこんな感じで監視。保存の度にコンパイルされます。 --noImplicitAnyもオプションにつけた方が暗黙的にany型にされた場合怒って
NeoBundle 'https://github.com/leafgarland/typescript-vim.git' NeoBundle 'https://github.com/clausreinke/typescript-tools.git'
$ mkdir -p ~/.vim/bundle $ git clone https://github.com/Shougo/neobundle.vim ~/.vim/bundle/neobundle.vim $ vim ~/.vimrc set nocompatible filetype off if has('vim_starting') set runtimepath+=~/.vim/bundle/neobundle.vim call neobundle#rc(expand('~/.vim/bundle')) endif #NeoBundle 'tpope/vim-surround' #ここに行を追加していってプラグイン管理します。 filetype plugin on filetype indent on プラグインのインストールは:NeoBundleInstall、アンインストー
前に TypeScript のインストール方法 を紹介しました。 その際、 TypeScript の Emacs 用モードはリリースが停止されていたため、 インストール方法を書いていませんでした。 リリースが再開されたようなので、今回は TypeScript ファイルを Emacs で編集するためのモード (TypeScript.el)のインストール方法について説明します。 ダウンロード 以下のサイトに公開されています。 Sublime Text, Vi, Emacs: TypeScript enabled! - Interoperability @ Microsoft - Site Home - MSDN Blogs typescript_support_for_emacs.zip をダウンロードします。 インストール 取得した圧縮ファイルを展開し、 TypeScript.el をパス(
これは何? Javascriptは今まであまり触れた経験がなかったんですが、 ようやく最近ちゃんとやってみようと思い始めました。 しかし、いかんせん私は搭載スペックが低いので、 手取り足取りサポートしてくれる開発環境でないとやってられません。 かといって、Emacs以外の環境でコーディングする気にもなりません。 う〜んと唸っていたら、最近はTypescriptなる言語があるようで。 しかも、開発環境向けなAPIが揃っており、それをEmacsで利用するための拡張も既にありました。 Emacs+AutoCompleteでTypeScriptの補完をしたい - deruiの日記 Emacs で TypeScript を auto-complete 使ってコード補完 - MATSUZAKIの日記 上記リンクを参考に、typescript-toolsを利用する auto-complete-tsを利用
仕事では VisualStudio 使ってます。 VisualStudio 使えば TypeScript はサポートしてくれるけど、 ちょっとしたライブラリを書く程度なら Mac でオシャレに書きたい! ということで Mac で開発環境を整えました。 エディタ Sublime Text 2 を採用しました。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog 今まで使ったことなかったので、上の記事を参考にしました。 いくつかのパッケージはデフォルトでインストールされるようになっているらしく、 参考記事で紹介されていたもののうち、いくつかは見つかりませんでした。 インストール済みのパッケージ HTML CSS jQuery(これは記憶が不確か) 「もう使うな、こ
久しぶりのBackbone.js入門。 Backbone.jsガイドブックを見ながらまとめてますが、 後半は試行錯誤のたまもの。 Backbone.Routerとは Backbone.RouterはサーバーサイドMVCフレームワークでいうところのCにあたる部分、でもありますし、VCでもあります。 Backbone.ViewがDOMを監視するのに対して、Backbone.Routerはブラウザのハッシュ(URL欄)を監視します(厳密に言うとhashChangeイベントとpopStateイベントを監視)。 Backbone.Routerにハッシュとそれに対応する操作を設定しておくことで、 アプリケーション全体のコントローラみたいなふるまいをします。 Backbone.Routerの使い方 何はともあれサンプルコードを。 // @file router_sample.js var Router
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340 Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.cl
モバイル版 Basecamp に使われていると聞いて興味を抱いていた、JavaScript の MVC フレームワーク Backbone.js。Model と View は先日試しました。 作って覚える Backbone.js - present でも、Controller はまだ。「今度試す」といってやらないことが多い私ですけど、Controller は自分も使うので、ちゃんと行動に移すことにします。 Backbone では Controller の役割は Backbone.Router を継承したクラスが行います。Routerの定義の仕方はこんな感じ。 var AppRouter = Backbone.Router.extend({ routes: { "post/": "list", "post/:id": "show" }, list: function() { # データ一覧を表
1. 最初の Node.js プログラム…そして最初の TypeScript プログラム Node.js と TypeScript を使って簡易Webサーバーのプログラムを作って(いじって)みた。text/plain な出力をするサーバーで 80 番のポートでリクエストを受け付ける。以下のコードが最初のプログラムである。英語("Hello World")の出力は問題ない。 import http = require('http'); console.log("program start"); var count: number = 0; http.createServer(function (req, res) { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end("Hello World"); }).listen(
TypeScriptでexpressを使ってHello worldしてみた。けっこうはまったのでメモメモ。使ってるTypeScriptのバージョンは1.0.1。 準備 npm install -g typescript npm install --save express 試しにコンパイル こんな感じのコードを書いてコンパイルしてみる。 $ tsc --module commonjs hello.ts コンパイルエラーが...(;´Д`) ./typescript-sample/server/hello.ts(1,1): error TS2071: Unable to resolve external module ''express''. ./typescript-sample/server/hello.ts(1,1): error TS2072: Module cannot be al
Spiky Spoon 秋元きつねブログ 2014〜 未来を効率よくするため 何でオレこんな事してるんだろう? 解明するのが主な目的 更新の知らせはTwitter @SpikySpoonで。 このブログについて 1992〜放送してた凶悪な子供番組「ウゴウゴルーガ」 テレビくんの声でありプロデューサーの桜井さんがフジテレビを卒業するということで「ウゴウゴルーガ」のスタッフ、CGスタッフが竹槍マフラーぶんぶん鳴らしながら東銀座に集合。 FBやTWでお互いの活動見たりしてるけど会うのは相当久しぶりの皆さん、番組終了ぶりの皆さん、当時のままの関係で再会。 週5本30分の帯番組。その地獄っぷりを共有した戦友。これはもう一生の関係すね。いやー懐かしいけど雰囲気みんな当時のままだし、なんか不思議な感じでしたわ。 (ここ見てる人少ないからこっそり小さくアップ) ===== 桜井さんとはFBでちょこちょこア
水俣病語り部に差別電話 会長宅「そんなに金欲しいか」 [熊本県] 2014年06月08日(最終更新 2014年06月08日 03時00分) 水俣病認定患者で熊本県水俣市立水俣病資料館「語り部の会」会長(56)の自宅に5月、「そんなに金が欲しいのか。(水俣病の)被害者のふりをして。もうやめんか」などと中傷する電話が計3回かかっていたことが7日、分かった。会長は「根深い水俣病への差別や偏見が現在もある。全ての被害者に対する侮辱行為で、行政は人権問題として啓発に力を注ぐべきだ」と訴えている。 会長によると、電話があったのは、水俣病犠牲者慰霊式が同市で開かれた5月1日。午後9時前、テレビで慰霊式に出席した会長の姿が放送された直後に電話が鳴り、会長の妻が出たところ、男性の声で一方的に中傷してきたという。妻が身元を尋ねたところ「福岡」と言って切れた。 午後10時すぎまでに同じ男性とみられる電話がさらに
上京して一人暮らしをし始めた頃、電車の車窓越しにアパートの隣駅にキャバクラがあることに気付いた。 キャバクラ。なんという甘美な響き。 漫画やドラマではその存在は知っていたけど、実際には一度も足を踏み入れた事の無い魅惑の世界。 数日後、勇気を振り絞って一人で言ってみた。 当時はボッタクリバーのニュースなんかもテレビで流れていたから、緊張したか細い声で「ボッタクリとかないですよね?」と馬鹿な事にボーイさんに尋ねてから突入した。 今になって思うんだけど、キャバクラって本来、30代とかそれ以上の人が遊びに行くところなのかな? 当日の僕と歳の変わらない女の子達が普通に働いていて、ある意味、飲み会とか合コンとかと似ている気がした。身体を変に密着させてきたり露出度の高いドレスを着ているとかの違いはあるけど…。 「電話番号とメールアドレスを教えて欲しい」と言われた。 知ってるぞ、それ。エイギョウっていうん
ライトノベルでは,誰がどこに座っているかをイラストで表すことがタブーらしい.もしもそれをやった場合,ラノベのレベルが下がるらしい.知らなかった. ラノベのレベルが日に日に下がっていくの、耐えられないんだけど pic.twitter.com/431q4yOkuN— マッキー氏 (@magic_mackee) 2014, 6月 7 冗談はこれくらいにしておいて.これは僕は友達が少ないの10巻ですね.人狼をみんなでやろうという話でした.そのとき,どう座っているかがこの後のゲームの展開の鍵となったのでより分かりやすくイラスト化したということでしょう.これを文字で説明すると正確に理解するのが難しいですから. 席順とか家の間取りをイラストで説明するのは昔からミステリ小説なんかではよくあるんですよ。それはOKでラノベの席順を絵で説明するのはダメって言うのは、まあアレな人なわけですよね。そういうアレな人を
SNS断ちします!みたいな宣言をして、SNSを休んでいる人をよく見かけるけど、正直「そんな事しても、あんまり効果なさそうだなぁ」と思っていた。リア友がたくさんいるFacebookは、断ったり辞める必要がそもそもないなって。友達とはメッセージでやりとり頻繁にしてるし。そんなことを思いながら先日、好きな人と出かけた。わたしはデートの間はなるべくスマートフォンに触らない。その人との時間を満喫したいし、できることなら雑音より、好きな人の情報を収集することに全力を注ぎたいからだ。 嬉しいことが色々あったので、うきうきしながらデートから帰ってきた。一人になって、手持ち無沙汰でFacebookのアプリを立ち上げた。それで何故か落ち込んだ。最初は何で落ち込んだかわからなかったけど、しばらくして気づいた。タイムラインのせいだ。どこそこの社長がこんな失言をしたとか、こんな戦略がすごいとか、こんな炎上をしてると
参照: http://stackoverflow.com/questions/2348399/why-does-java-net-urls-hashcode-resolve-the-host-to-an-ip 公式ドキュメントによると: public boolean equals(Object obj) … 2 つの URL オブジェクトが等しいのは、同じプロトコルを持ち、同じホストを参照し、ホスト上のポート番号が同じで、ファイルとファイルのフラグメントが同じ場合です。 2 つのホストが等価と見なされるのは、両方のホスト名が同じ IP アドレスに解決されるか、どちらかのホスト名を解決できない場合は、大文字小文字に関係なくホスト名が等しいか、両方のホスト名が null に等しい場合です。 ホスト比較には名前解決が必要なので、この操作はブロック操作です。 java.net.URL#equals
連載目次 一昔前であれば、HTML/JavaScript/CSSを使用してWebアプリを作成する場合、(筆者の経験では)所定の位置にファイルを置くだけでした。最近はHTML/JavaScript/CSS関連の技術も複雑化/多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify(圧縮)や結合 単体テストの実行 JSLint(構文チェック)の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル(JavaScript変換)を行う必要もあります。 また、SCSS(Sass)やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル(CSS変換)作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
Adobe製超軽量レスポンシブフレームワークTopcoat デザインしたくないシリーズ、第二弾!最近とっても気に入っているレスポンシブフレームワークTopcoatを紹介します。 Topcoatとは TopcoatはAdobe製のレスポンシブフレームワークで、最大の特徴がとにかくめっさ早い!ってこと。 jQueryMobileを使ってよくスマートフォンサイトを作っていたのですが、「いかにもjQuerymobile」感があったり、重い、デザイン上のカスタマイズがしずらいというものがありました。 ところがどっこい、Topcoatはとにかく軽く、さくさく。フレームワーク元のデザインも「今風」なフラットでシンプルなデザイン。 シンプルだから、後からカスタマイズも非常にしやすいのが特徴です。 流行りのフラットなデザイン ボタンやフォームの一つ一つがフラットで洗練されたデザインというのも特徴で、シンプル
intro nodebrew は バージョンアップの速い node.js を、複数バージョン管理するためのツールです。 ruby の rvm や、 python の virtualenv、 perl の perlbrew などの node.js 版と思ってもらえれば良いです。 自分はこれまで nvm を使っていたんですが、今年初めあたりから全てのマシンで nodebrew に乗り換えました。 今日はこの nodebrew を紹介します。 既存の node.js の環境管理 既存の、ものとしては nvm nave n nodeenv などがありました。 それぞれにあった問題については、過去に愚痴を書いています。 簡単にまとめると以下です。 nvm bash向けに書かれてて、zshなどと相性が悪い場合がある。 nave node へのパスを通した子shellを起動するタイプで、子shellとい
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
スーパー店内、大人には聞こえない高音が出ていたようで子供が泣きわめいてる — ず (@zu2) May 31, 2014先日、県内のとあるスーパーに行った時の話。大人には聞こえない高い周波数(超音波)の不快音が流れていたらしく、ベビーカーに乗った幼児が泣き叫んでいた。 一緒に行った耳の良い若者にも聞こえていて、長居したくないほどの音量だったらしい。 大人には聞こえない周波数の音加齢によって聞こえる周波数の上限は下がってくる。私の耳ではその不快音はまったく聞こえなかった。たぶん、スーパーの店員にも聞こえないので、対策されないのでしょう。 以前、市場本通りでも同じようなことがあったけど、そのときも聞こえなかった。 市場本通りの謎のモスキート音を聞いたことある?iPhoneのアプリを使って検証比較的品揃えが良く、時々利用している店舗なので対処して欲しいのだけど、音が聞こえない私が言っても説得力が
『THE IDOLM@STER』、『ラブライブ!』、『アイカツ! - アイドルカツドウ!-』など、女性アイドルをモチーフにしたゲームやアニメなどから派生した、声優による架空のアイドルユニットのCDで好セールスが続いている。新たな人気声優も誕生しており、キャラソンシーンからブレイクアーティストが誕生する可能性も高い。 【写真】その他の写真を見る ■765PRO ALLSTARS、μ’s、STAR☆ANISなど次々ランクイン 765PRO ALLSTARS、μ’s(ミューズ)、STAR☆ANIS(スターアニス)など、女性アイドルをモチーフにしたゲームやアニメに登場する架空のアイドルユニットが、ストーリーから派生した楽曲をCDリリースし、次々にランキング上位に送り込んでいる。例えば6/9付の週間ランキングではμ’sのシングル「ユメノトビラ」が初動4.1万枚を売り上げ、3位を獲得した。 上に挙げた
最近、文化 技術の停滞感がすごい。 10年前と比べて文化、技術はどう進化しただろうか? 携帯電話の液晶の解像度、通信速度、処理速度くらいではないか。 しかし、携帯電話が進化しても何も進化はしていない。家庭用ゲーム機やデジタルカメラ、カーナビゲーションを取り込んだだけだ。 人々は毎日広告がベッタリ貼られたウェブサイトや、小綺麗なアプリをよろこんで見ている。 こんなもの、iモードでやろうと思えば出来たものだ。くだらないアプリがスタートアップ界隈で持て囃されすぎではないだろうか? ゲームはネタ切れ感が酷い。 国内、海外ともにグラフィックに突き進むだけである。 では、アイデアが重要なのだろうか? それは違う。 アイデアなんて初代PS時代に出尽くした。 今後、ゲームはコンタクトレンズ型モニターや脳につないで五感を乗っ取るようなデバイスが出てこないと先は真っ暗だろう。 アニメもネタ切れだ。もう作らなく
土屋正忠 - Wikipedia 児童ポルノの件で一躍有名になった土屋正忠議員の項目がなんかすごかったので色々書きたくなった。 現時点ではだいぶ削ってあるのでそんなにひどくは見えないけど、それでも要出典つきまくりでヤバい。 でも本当にヤバいのは削ってなかった全盛期のころの版でして。 この辺ですかね。 土屋正忠 - Wikipedia うわあ。 実際に何が書いてあるのかは読まなくていいです、ほぼほぼ宣伝と自慢なので。 で、誰がこんな記述をしているのかというのを調べてみたらですね。 議員市長の実績の項目に大規模な記述追加をしてるIPアドレス投稿者の人がこんな感じでですね。 118.243.92.167 211.19.108.149 118.243.65.149 122.249.77.30 203.212.48.169 これにホスト名を加えるとですね。 118.243.92.167 y09216
疲労回復の為には、適切な栄養補給と睡眠が必要です。疲れが出た時には栄養価の優れたものを摂るようにして、早めの就寝を意識してください。 重い便秘は肌が衰えてしまう原因となります。便通がきちんとないというのなら、筋トレやマッサージ、更には腸の働きを高めるエクササイズをして便通を正常化しましょう。 食品の組み合わせを考慮しながら3食を取るのが困難な方や、多忙で食事をとる時間帯が一定ではない方は、健康食品を導入して栄養バランスを良くして行きましょう。 「年がら年中外で食事する機会が多い」と言われる方は、野菜の摂取量不足が気がかりなところです。野菜や果物が凝縮された青汁を飲みさえすれば、欠乏しがちな野菜を手っ取り早く補うことが可能です。 パワフルな身体にしたいなら、とにかくちゃんとした食生活が不可欠です。栄養バランスを意識して、野菜をふんだんに取り入れた食事を取っていただきたいと思います。 栄養ドリ
今度はPhoneGap3.3でAndroidのプロジェクト作るのにハマったのでメモります。 公式のコミュニティサイトでも古い2.x系の情報しかないので面倒だったので。 1.土台となるディレクトリを作成する 下記コマンドを実行して任意の場所にディレクトリを作成する。 $ cordova create moyomoyo com.kirin gorogoro上記を実行するとmoyomoyoという名前でディレクトリが作られ、その下にこんな感じにディレクトリ色々出来上がります。 "gorogoro"はアプリ名で"com.kirin"はパッケージ名です。それぞれ好きな名前を付けてください。 で、moyomoyo配下に移動します。 $ cd moyomoyo 2.Androidのパッケージを作成 コマンドは下記です。 $ cordova platform add androidしかしなんとこんなエラーが
PhoneGap3.2をMavericksにインストールしたときのまとめ しばらくアップデートしてなかったら3.2になっていて、インストール方法が変わっていました。 環境 Mac OX 10.9 PhoneGap 3.2 Xcode 5.0.2 [1]PhoneGap3.2をインストール PhoneGap | Install PhoneGap インストールはnode.jsを使う。 インストールされていない場合にはサイトへ行きnode.jsをダウンロードする。 インストール後ターミナルを開き、以下のコマンドを実行。 $ sudo npm install -g phonegap phonegapがローカルにインストールされる。 [2]phonegapのプロジェクトフォルダを作成。 ■詳細URL PhoneGap API Documentation 適当な階層へ移動して、以下のコマンドを実行。
昨日、ADC MEETUP 06「CREATE THE WEB TOUR」のセッション6がPhoneGapのセッションでした。めずらしく会場に出向いてきました。そちらのレビューはまた今度にするとして、そこでもチラっと出てきたCordovaを試してみます。やっぱりiOS限定で書きます。あと、便利なので、ついでにChildBrowserというプラグインも入手してセットアップしてみます。また、PhoneGap Buildについては「Adobe PhoneGap Build とりあえずどんなものか」も。 最初に書いておきますが、手順さえはっきりわかればPhoneGapのセットアップは超簡単です。 いろいろゴチャゴチャ書いてますので、急いでる人は、PhoneGapをダウンロードしてココからでも。 Cordova(PhoneGap) とPhoneGap Buildの違い Cordova、PhoneGa
日本語環境の Mac に最新の Emacs をインストールする場合は パッチを当てる必要 があります やり方を軽くまとめておきます 私がやったことのないやり方も含まれます 方法1:dmg ファイルから入れる ここから inline-patch が当てられている Emacs のバイナリがダウンロードできます これでいいかもしれません(やったことない) 方法2:自力でコンパイル Homebrew を使いたくない場合はこれがお勧めです Emacs 24をOS Xにインストールする | PiyoPiyoDucky これ通りやれば入ります(brew install autoconf automake は必要のはずです) 方法3:Homebrew を使う Homebrew 管理したい場合はこれがおすすめです さっき紹介したコンパイル方法を Homebrew で適用します Homebrewのemacsを
PhoneGapとは PhoneGapは、アドビシステムズ社により公開されている、デバイス向け「ハイブリッドアプリケーション」制作のためのフレームワークです。PhoneGapのソースコードは、Apache財団に寄贈されており、Apache Cordovaのプロジェクト名で管理されています。PhoneGapは、アドビシステムズ社が提供するCordovaディストリビューションです。 複数のデバイスに対応するアプリケーションを開発する場合、デバイスのOSごとに特定の開発環境を用意して、特定の言語で開発を行うことになります。そういったケースでは、PhoneGapを用いることで、HTML5+CSS+JavaScriptのみで複数のデバイスに対応するネイティブアプリケーションの実装が可能になります。このようにして作られたアプリケーションを一般的に「ハイブリッドアプリケーション」と呼びます。 Phone
にわかに熱いアドビの周辺テクノロジ~PhoneGap 3とTopcoatを押えよう!:無料でCreative Cloudを使い倒せ(11)(1/2 ページ) アドビは、PhotoshopやFlash、Dreamweaverの他にもさまざまな取り組みを行っている。その1つがオープンソースへの協力だ。そういった取り組みの中から、今回は「PhoneGap」と「Topcoat」にフォーカスして解説する。 アドビ システムズは、Photoshopなどの印刷関連アプリケーション、FlashやDreamweaverといったWeb関連アプリケーションで有名だが、HTML5やWebKit、Apacheといったオープンソースプロジェクトにも積極的に協力している。例えば、同社がかつて所有していた「Flex」というテクノロジは、現在ではApache Flexとして提供され、同プロジェクトチームには同社社員が参加し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く