「第32回 HTML5とか勉強会～HTML5 Conference 2012 Reloaded～」活動報告 | gihyo.jp
10月23日、第32回目の「HTML5とか勉強会」はGREEさんのオフィスをお借りして開催しました。会場確保にご協力いただいたGREEの佐島さん、ありがとうございました。 今回のテーマは「HTML5 Conference 2012 Reloaded」とし、9月8日に開催された「HTML5 conference 2012」で好評をいただいた中からWeb制作者向けのセッションをピックアップして行われました。 本稿では、今回のイベントについてレポートします。 更に進化するCSSの表現力と新しいWebツール はじめに、アドビシステムズの轟啓介さんより、CSS3の最新仕様やアドビのオープンソースプロジェクトへの取り組みについて紹介いただきました。 CSS3の新しい要素からCSS Regions、CSS Exclusions、CSS Custom Filtersの紹介がありました。 CSS Regio
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
Is JavaScript the Future of Programming?
Dani Fankhauser was the Assistant Editor, Campaigns for Mashable. She was responsible for developing supported feature content for Mashable’s initiatives with brands. Dani joined Mashable in August 2012 and was based at headquarters in NYC. Before joining Mashable, Dani led engagement and user development efforts at Flud, a media tech startup located in San Diego. A graduate of Medill School of Jo
典型的なJavaScripter3+1種類と、それぞれの勉強法。 | Ginpen.com
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか？ 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
26 Useful CSS3 and jQuery Tutorials | Tutorials | Graphic Design Blog
Check out our list of the excellent jQuery and CSS3 tutorials below. jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. As we saw
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
『ノンプログラマのためのJavaScriptはじめの一歩』を献本いただきました | CSS-EBLOG
『ノンプログラマのためのJavaScriptはじめの一歩』を献本いただきました カテゴリ：雑談 2012年11月 4日 22:31 ピクセルグリッドの社員である @hokaccha さんに、11/7発売予定の『ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)』という本を献本いただきました。 中身を読んでみた感想をつらつらと書いてみたいと思います。まず最初に言っておくと、タイトルの通り「ノンプログラマ」向けの書籍です。 そのため、普段からJavaScriptを書いているような人にとっては若干物足りない書籍でしょう。ただ、「これからJSを学びたい」という人や「プログラムってなんだかむずかしいんでしょう？」と思ってなかなか手を出していない人にとってはとても分かりやすく、理解を助ける良書になると思います。 プログラムの基礎から解説 ノンプログラマのため
CPUと対戦もできる。Web上で動作するオセロゲーム·jquery.reversi.js MOONGIFT
jquery.reversi.jsはjQueryを使って実装されたオセロゲームです。 シンプルなルールながら面白いオセロ。海外ではリバーシと呼ばれるこのゲームをWebベースで再現したのがjquery.reversi.jsです。 まさにオセロの画面です。色々な表示が選べます。 勝ちました！ こんなビッグなモードも。 jquery.reversi.jsでは先手、後手の設定や対CPUまたは一人オセロ、さらに盤の大きさが変更できます。縦横の数を自在に変更した特殊なオセロ、なんてのも面白いかも知れません。 jquery.reversi.jsはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る jquery.reversi.jsのコンピュータのレベルは高くありませんが、そのエンジンを鍛えればWebブラウザ上で手軽にオセロが楽しめ
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
プログラマーになりたい人のための27のオンライン学習リソース - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
スタートアップやアプリブームでプログラマー目指して勉強をしている人も多いことでしょう。最近はネット上に多数のプログラミングに関する情報が無料で提供されており、思い立ったその日から勉強を始められる良い時代になりました。とはいえ、どのサイトがおススメなんだろう、ということで今回はプログラミングの学習サイトを27集めた紹介した記事を。米国の人気サイトThe Next Webで先月一番人気だったリスト記事ですが、つまり英語版リソースですので、英語でもOK、グローバルで頑張りたいというあなたに。プログラマーとタイトルに書きましたが、スタートアップ向けの起業家コース等、様々なリソースが紹介されています。 — SEO Japan あなたが、キャリア転換をしてフルタイムのプログラマーになりたいにしろ、片手間にウェブサイトやアプリを作ってみたいにしろ、ただ単に自分のスキルに肉付けしたいだけにしろ、最近たくさ
コーディングスピードはまだ上がる！！ <br>Zen-Coding カスタマイズ
コーディングスピードはまだ上がる！！ Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍！10倍！上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
第1章 JavaScript入門準備『ノンプログラマのためのJavaScriptはじめの一歩』（WEB+DB PRESS plusシリーズ）｜gihyo.jp … 技術評論社
WEB+DB PRESS plus（ウェブディービープレスプラス）シリーズは, Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』編集部が自信を持ってお届けするシリーズです。 本章ではまず，プログラムを初めて学ぶ人に向けて，プログラムを学ぶうえでの心構えを説明します。次に，JavaScriptとは何なのか，書いたプログラムをどのようにして実行するのかといった，JavaScriptを本格的に学ぶ前の事前知識を解説します。 1.1 プログラムを学ぶうえでの心構え プログラムはすべて覚えなくていい プログラムを学ぶ前に覚えておきたい重要なことが1つあります。それは，プログラムはすべてを覚えておく必要はないということです。JavaScriptの仕様をすべて把握して，何も見ないで完璧なプログラムを書ける人はほとんどいないと思います。筆者も含めてほとんどの人はわから
SEO順位に影響を与える全６５項目のチェックリスト
WEBマーケティングの業界に入って、強く感じることは、どの企業もSEOに関して明確な方針を持つことができていないということだ。 その一番の原因は、SEOに関する知識不足にある。 知識不足のままにSEOに取り組んでしまうと、効果のないことに莫大な時間を費やしてしまったり、SEO業者に丸投げをしてしまうことになる。 それで、結果が出ないだけであればまだ良いが、中には、手の打ちようがないぐらいにメチャクチャな状態になっている方もいる。そこで、本日は、SEO順位に影響を与える全６５項目のチェックリストをご紹介する。 これをもとに、あなたが行っているSEO施策を見直してみて欲しい。 SEOキーワードに関するチェックリスト■最重要 １．Titleタグでのキーワード使用：タイトル内でのキーワード使用は非常に重要だ。なぜなら、検索エンジンの表示結果には、Titleタグ内の文言が、最も優先的に表示されるから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#wmsp12 (with tweets) · cipher · Storify
creatorish.com
オフィスメンバー紹介：株式会社ピクセルグリッド | ブログ | SINAP - 株式会社シナップ
hitoyam.com
Loading...