GW中にまとめて読みたい、Web制作者におすすめのスライドコーディングが上達するコツ / 【スマホ】UI＆UX / 重要なのは、毎日さわっ... / html5j.orgがHTML5+JavaScr...他...全8件
第1回 Node.jsとは | gihyo.jp
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
はじめてプログラミングを覚えるのはどうしたらいいか？という質問の答え：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
プログラミングを覚えたいという人がいます。どうしたらいいですか？とか、教えてくださいとか、どこで教えてもらえますかと聞かれます。 個人的には、Webプログラミングに関しては、漢字の書き方を覚えるのと、プログラミングを覚えるのは大差ないです。最初の最初は、「写して、書いて、覚える」しかないです。 絵とか写真が多くて分かりやすい言葉で書いてあるプログラミングの入門書で、出来るだけ薄いのを買ってきて、淡々と最初のページから、書いていることを淡々とマネして、写経してください。たまに改造してみてください。最初は、それだけです。だいたいわかったら、一冊全部やる必要もありません。難しい解説なんか、理解しなくてもいいです。動けばいいです。 今なら、本を買わないで、ドットインストールでもいいかもしれません。 最初は、本当にそれだけです。 頭がいいかどうかより、最初の最初で、写経する根気があるかどうかです。
Webデザインで何かと重宝する、フリーのテクスチャー素材
Webデザインで使えるフリーシームレステクスチャ... / グランジテクスチャー30個 | 30 Usefu... / 布風テクスチャー | A Collection ...他...全4件
穴埋め問題を解くような形式でPHPを学べる勉強サイト・(un)classroom
プログラミングを学べる、みたいなサイト が凄く増えている印象ですが、また似たよ うなサイトを見かけましたのでご紹介です。 実践しながら学べるサイト・(un)classroom。 実践といっても、穴埋め問題っぽい感じで、 手を動かして学べるようになってるだけで すが。 こういうサイト、日本でも増えていく気もします。需要が高い事は明白ですし、このように前例が出来ればインスパイアされるものですのでいずれ増えてくるんじゃないでしょうかね・・ まだ出来たばかりでPHPの基礎とFacebookアプリの作り方しか教室が無いんですが、今後に期待という事で・・ 最初の授業です。「PHPは<?phpで始まって?>で終わらせます」とあります。基礎のキですね。で、右側のsubmitで実行してみましょう、といった流れで進んでいきます。 で、2ページ目でレッチチャレンジ、という感じで穴埋めし、先ほどと同じようにsub
JavaScriptの勉強を始めます - FutureInsight.info
1年に1つ、新しいプログラム言語を勉強しようと思っているのですが、今年はJavaScriptを勉強しようと考えています。最近はサーバーサイドでも使えますし、何よりなんかJavaScript書けるとブラウザ拡張とかでおもしろいことできそうなので。僕のJavaScriptの知識は昔サイ本を眺めた程度なので、ほとんど素人です。という訳で、ネット上で評判良かった以下の本を買いました。新しい本と古い本かったのは、スタイルの変化もあわせて勉強したいからです。JavaScriptパターン ―優れたアプリケーションのための作法Stoyan Stefanov オライリージャパン 2011-02-16売り上げランキング : 10802Amazon楽天市場価格.comby カエレバJavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスDouglas Crockford オ
PHP classの教室
PHPで関数は使えるけれどオブジェクト指向はよくわからないという人向けの勉強会の資料です。 Ustream録画 (1/5) http://www.ustream.tv/recorded/21256905 67分 (2/5) http://www.ustream.tv/recorded/21253084 80分 (3/5) http://www.ustream.tv/recorded/21254139 60分 (4/5) http://www.ustream.tv/recorded/21254817 24分 (5/5) http://www.ustream.tv/recorded/21255084 6分 Read less
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css
フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.css - a bunch of plug-and-play CSS animations [ad#ad-2] Animate.cssの使い方 「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。 外部ファイル <link rel="stylesheet" href="animate.css" /> エレメントにclassを付与 <p class="flash">Live long and prosper.</p> Animate.cssの実装 デモでは、classを付与するだけで、多彩なアニメーションが簡単に利用できま
簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタｗｗｗ : 暇人＼(^o^)／速報
簡単にプログラミングが学べるサイトが登場 試しに使ったけどマジで簡単でワロタｗｗｗ Tweet 1：名無しさん＠涙目です。(西日本)：2011/08/24(水) 01:40:22.41 ID:7bRW1kA90 楽しく退屈せずにJavaScriptプログラミングを学べるCodecademy Hacker Newsで参考になる記事を読んだ。その記事が推薦している本も買った。オンラインのチュートリアルをブックマークした。見ればプログラミングが楽しくなるとうたっているビデオに、80ドルも投じた。でも、なぜだろう。いまだにプログラミングのやり方が、分かんないのだ。 …というお悩みをお持ちのあなた、今夜（米国時間8/18）立ち上がったCodecademyが、きっと助けてくれるだろう。 CodecademyはWeb上の対話的なプログラミングチュートリアルで、手取り足取り、JavaScriptの基礎を教
JavaScriptを学ぶために役立つ本 85選 - MOL
前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript！ O’ReillyさんからJavaScriptを学ぶうえで役立つ本をまとめた電子書籍（JavaScript Bibliography）が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJS本いっぱいですね（気づいてないのもありそう…）。原書の方はKindle版も売ってますので、円高のアレもあるのでYOU買っちゃったらいいんじゃないの！ JavaScript Bibliography - O’Reilly Media Beginning JavaScript
直感的なJavaScriptプログラミングを実現する新ライブラリ「Sugar」 | エンタープライズ | マイコミジャーナル
Sugar is a Javascript library for working with native objects. シンプルで直感的に扱える新しいJavaScriptライブラリが登場した。既存のJavaScriptフレームワークと衝突しないように開発されており、JavaScriptを使った開発効率を向上させるライブラリとして注目される。ライブラリは「Sugar」と呼ばれている。 SugarはJavaScriptのネイティブオブジェクトを拡張するためのライブラリ。一般的なJavaScriptライブラリのように多くの機能を提供するのではなく、ネイティブオブジェクトを拡張することだけに主眼が置かれている。最初からほかのフレームワークと併用することを想定して開発されているため、導入のための敷居が低いところもポイントとなる。 どのような機能がネイティブオブジェクトに追加されるのかは、Sug
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
WebデザイナーやノンプログラマーにおすすめしたいPHPの勉強法
まったくプログラムの下地がない人がPHPの入門書を読むと挫折する。筆者はプログラミングの下地がまったくないノンプログラマーである。数年前から、PHPの勉強をや独学ではじめた。PHPの本は何冊買ったかわからない（洋書も含めて40冊以上は買ってきた）。買っては挫折の繰り返しだった。現在、てもとに残ったのは数冊である。 以下は、今後PHPを完全な独学で勉強したい人のためのメモである。 良本でプログラミングの下地をつくる 最初のコツはいきなりPHPの本に手を出さないことである。とくに初心者の方がネックになるのは条件分岐、ループ、配列あたりである。このあたりはPHP以外の本で定評のある本を読んで基礎を固めておきたい。 『新版Perl言語プログラミングレッスン入門編』か『初めてのプログラミング 第2版』のどちらかを読んでおこう。前者はPerl、後者はRubyの本であるがPHPでも基礎は同じで役に立つ。
PHPで画像からHTMLのカラーパレットを作るサンプルプログラム:phpspot開発日誌
Generating a color palette from a image in php PHPで画像からHTMLのカラーパレットを作るサンプルプログラムがcode dieselにて公開されています。 画像を渡せば、GDを使って使われている色を分析し、頻度の多い順に配列で受け取ることができます。 なんらかのWEBサービスやツールに応用することができそうです。 クラスライブラリの形なので再利用も超簡単です。 元記事ではテーブルタグを使ったカラーパターンの出力用プログラムも公開されています。 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル
PHPらしさを感じさせるシンプル、軽量なWebフレームワーク·Lambda MOONGIFT
Lambda（ラムダ）はLPVモデルを用いたDRYをモットーにしたPHP製のフレームワーク。 Lambda(ラムダ)はPHP製のオープンソース・ソフトウェア。PHPには大掛かりなフレームワークは似合わないと考えている。1つか2つくらいのファイルでシンプルに作ってしまう方がPHPに向いているのではないだろうか。ソースにHTMLを書くと見栄えと保守性は悪いが、それがPHPの良さなのかと思う部分もある。 デモ。バリデーションも実装されている。 だが同じことを繰り返し書くのは問題だ。よく行う処理や、使い回しができるようなものはまとめておくべきだろう。DRYに則ったフレームワークとしてLambda(ラムダ)を紹介しよう。 Lambda(ラムダ)はPHP5.3以上で使えるフレームワークだ。LPV（Logic-Prep-View）という開発モデルになっている。Prepはヘルパー的なものと思われる。そして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Smarty - PHPで利用するテンプレートエンジン
http://blog.caraldo.net/2010/02/phptwitterapi.php