React.jsチュートリアルをcoffee-reactで書いてみる - Qiita
【2016年6月12日更新】0.15.0系になっている64a6dfca72aca4d13ab4cbf23c50eba8b9fabe8a(2016-06-08 23:09)からのフォーク版に差し替えました。それに合わせて古い情報などは更新しています。 React Tutorialのサンプルコードをcoffee-reactで書き直してみました。英語が苦手って方は、優秀な翻訳React.jsチュートリアル【日本語翻訳】をみてみてください。 チュートリアルのコードはgithub:reactjs/react-tutorialから入手できます。まずはそれを入手してください。 index.htmlを書き換える pubilc/index.htmlを次のように書き換えます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>React T
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
Vagrant CloudのVagrant Shareを試してみたら凄すぎて鼻血出た - 憂鬱な世界にネコパンチ！
Vagrant 1.5がリリースされたと思ったら、Vagrant Cloudなんてのが登場してますね！ で、Vagrant Cloudの中にVagrant Shareってのがあるんだけど、試してみたらとんでもなかったので、早速やり方をシェアするよ！ Vagrant Cloudにユーザ登録 Vagrant Cloudのページにアクセスして、まずはユーザ登録しよう。 迷うことはないと思うけど、「JOIN VAGRANT CLOUD」ってボタンをクリックすれば登録ページに飛べる。 次に、ユーザ名、メールアドレス、パスワードを入力したらユーザ登録は完了だ。 Vagrant1.5のインストール Macの場合は普通にダウンロードページからdmgファイルを落として、ダブルクリックでインストール。 念のため、確認。 $ vagrant -v Vagrant 1.5.0 Vagrantfile作成＆仮想マシ
COBOLプログラミング入門
COBOLプログラミング入門 COBOLプログラミングについてはじめての方でもわかるように図解を取り入れわかりやすく解説しているCOBOL入門サイトです。 KIDLE出版 2021/6/11追記 最新のCOBOLバージョンに対応したKindle本を作成しました。本サイトの内容を大幅に加筆修正した内容となっています。 本サイトの内容は執筆してから年数が経過しているため、こちらをお読みいただけると幸いです。 第１章 COBOL概要 COBOLとは 第２章 COBOLプログラムの構成 COBOLプログラムの全体構成 見出し部（IDENTIFICATION DIVISION） 環境部（ENVIRONMENT DIVISION） データ部（DATA DIVISION） 手続き部（PROCEDURE DIVISION） 第３章 COBOLコーディングルール コーディングフォーマット コーディングルール
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
本物のプログラマはHaskellを使う：ITpro
筆者 shelarcy Haskellは，関数型プログラミングというジャンルに属する言語です。Haskellや関数型プログラミングを題材に物事を見ていくことで，今まで思いもよらなかったような未知の世界を知ることができるでしょう。 プログラミング言語を学ぶという行為には， 言語の基本的な文法や考え方を理解する 言語の文化圏で広く使われている考え方に親しんでその言語らしい書き方を習得する 単に言語を使ってできること以上の知恵を学ぶ の3段階があります。この連載では，三つ目の段階を目標に，Haskellプログラミングの世界を一つひとつ丁寧に紹介していきます。 更新は毎月第1水曜日（1月のみ第2水曜日）
Haskell のお勉強
Haskell は関数型プログラミング言語の”標準語”として、1990 年に 誕生 (Haskell 1.0) した比較的新しい言語です。 その後、1999 年に安定した言語定義 Haskell 98 が制定され、 徐々に知名度が高くなっています。 しかし、まとまった日本語の解説がほとんど無いので、 簡単な解説記事を書いてみました。 目次 Haskell とは プログラムを動かす 関数を定義する 型 入出力 Haskell で最小二乗法 自前の data と class Monad 探索 種々のデータ構造 Module 詰碁を解く
Cでのポインタの読み方
Cでのポインタの読み方 Cのポインタの読み方は、ルールを知らないと摩訶不思議です。 ルールを覚えれば、 int (*p[5])[3]; char (*(*fp)(void))(int); なんてのも解読する事ができます。 大事な前程 ポインタを読む際には、「英語で読む」必要があります。 「え～、英語～」 と思う方もいるかもしれませんが、逆に日本語で読む方が大変です。 基本ルール ルール 後置演算子が優先。 関数の() 配列の[] 前置はあとで。 要は、「後ろに何かあったら、後ろが優先」です。 演算子の英語での読み方 * pointer to ... () function returning ... [] array of ... Lesson 1 まず、演算子が単独で出てくる場合です。 Lesson 1-1 pointer to ... int *p; これは、まずpを見ましょう。 i
Diaspar Journal: モダンJavaScript チュートリアル集
2009年1月18日日曜日 モダンJavaScript チュートリアル集 JavaScript (ECMAScript) のチュートリアルを集めました。 2009-10-05、1件追加しました。 合計で 17 件あります（コアJavaScript のみカウント）。 目次 コアJavaScript ～ 知恵を身につける ～ クライアントサイドJavaScript ～ DOM, Ajax ～ サーバサイドJavaScript ～ 言語統一の野望 ～ 開発ツール ～ 多様な開発ツールたち ～ 関連リンク コアJavaScript ここに集めたチュートリアルの何本かに目を通してみて下さい。 クライアントサイドJavaScript、サーバサイドJavaScript のいずれでも、 ここで身につけた “知恵” が大いに役立つハズです。 日付 記事 リファレンス JavaScript MDC
たのしいGit - Nalsh's Notes
序 言うまでもないことだが、タイトルはジョークである。 そもそもバージョン管理は本来我々がしたい事ではない（一部の人を除く）。別に作りたいものがあり、そこでの作業を円滑に進めるためにバージョン管理するのだから、所詮はヤクの毛刈りである。さらに、Gitクライアントのへっぽこさも相まってなかなかに時間を食われる。この文書はそのような人々が、より円滑にGitを使えることを祈って書かれた。 なお、バージョン管理というのはとても複雑なシステムであるため、バージョン管理自体が目的な人には楽しい世界である。そのような人々はぜひGitやその他のバージョン管理システムのマニュアルやソースコードを読んでいただきたい。きっとその奥深い世界を堪能できることだろう。 Git概説 Gitはこれまでの旧来のバージョン管理システムとは一風違った設計で作られている。また、Git特有の概念も多い。なので、まずGitの概観を説
CSS3の素晴らしいチュートリアル30「30 Excellent CSS3 Tutorials」
スマートフォンを中心に徐々に現場レベルでも利用されてきているCSS3。ブラウザの互換の問題から利用できない案件もありますが、求められるスキルの一つになっていくとは思います。今日紹介するのはそんなCSS3の素晴らしいチュートリアルを集めたエントリー「30 Excellent CSS3 Tutorials」です。 Making a CSS3 Animated Menu ナビゲーションメニュー、ボタンなどなど様々な表現のチュートリアルがまとめられています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 Create a Stylish Contact Form with HTML5 & CSS3 HTML5とCSS3を利用したスタイリッシュなシンプルなコンタクトフォーム。 How to Create a CSS3 Wheel Menu あまりみかけない、円形のメニュ
プログラミング経験者が JavaScript を学ぶためのリソース - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110721.html
初めてのGoogle+！楽しく使うために最初に知っておきたいこと - べにぢょのらぶこーる
Google+が楽しすぎてブログを更新せずにはいられない！ ここは2年以上ご無沙汰ですが*1、私は元気です！！ 先月末の登場から、業界の話題を一気にさらったGoogle+。 「Google+とは？」「サークルってなに？」等の基本的な解説はほかに譲ります。 ここでは、この10日間、私がGoogle+を使った感想を元に、Google+をすでに使っている人、最近始めたばかりの人に伝えたいことを書きます。 疑問やストレスをクリアにし、「そうなんだ知らなかった＞＜」と失敗する前にGoogle+を知って、一緒に楽しく遊びましょう♪ 本エントリの内容は主に、以下の3点です。 サークルの分類法 Google+に特有の注意点 不便に感じた点、今後への要望 サークルの分類法 〜 lovecallの場合 〜 Google+を使い始めて、最初に悩むのがサークルの振り分けでしょう。 デフォルトでは「友だち」「家族・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラミング/Haskell/処理系のインストール - Flightless wing
Cygwinインストール
HTML5.JP - 次世代HTML標準 HTML5情報サイト
Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ