まずは「gulp」を動かしてみよう！ ～セットアップとはじめてのタスク実行CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
AngularでHTML5モバイルアプリを作るのに便利なライブラリたち
AngularでHTML5モバイルアプリを作るのに便利なライブラリたち ng-conf 2014っていうイベントが1月にあったようですね。 YouTubeで動画が公開されている(でもすべてではない)ので助かります。とても勉強になりますね。ほんと、いい時代になったものです。 さて、Daniel ZenのTalkを見ました。AngularJSでモバイルアプリを作るために使えるライブラリがいっぱい紹介されていたのでメモしておきます。 PhoneGap まず、PhoneGap。 今では、Open Sourceなんですね。 http://cordova.apache.org/ 使ったことはないですが興味はあります。 一部ネイティブ関数にもアクセスできるようです。 http://en.wikipedia.org/wiki/Phonegap#Supported_platforms APNも使えるようです
rubyを使って簡易webサーバー構築
簡易webサーバー構築 Pԟ㪪 P�k㪪 # 起動 $ ruby -r webrick -e 'WEBrick::HTTPServer.new(:ServerName => "localhost", :DocumentRoot => "./", :Port => 8080, :MimeTypes => WEBrick::HTTPUtils::DefaultMimeTypes.merge({"js"=>"text/javascript"})).start' # 停止 $ ps aux | grep ruby $ kill -9 <pid> // reference doc is here! // http://www.ruby-lang.org/ja/old-man/html/WEBrick_HTTPServer.html
Web開発野郎の「エビデンス」としてGUIグリグリな実装したときのgyazo gifほしさ - mizchi's blog
スクショを「Excelに」貼るのはわけがわからないけど、実際スクショを貼るのはテストケースが不足しがちなGUI開発にとっては実装アピールとして有用だし、コードレビューの助けになるのでJavaScriptでグリグリ動く機能作ったときはgif添付するの便利だからみんな貼って欲しい— ﾉ鰻鯉ｼﾍ鮪 (@mizchi) 2014, 8月 4 @koizuka コードだけみせてもこれで何が出来たのかわからん、って言われることあって、確かに自分が他人のGUI実装みても何が起こるかわからなかったりするし、副作用が外部から値チェック可能な形で観測できなかったりするしで、辛いですね…— ﾉ鰻鯉ｼﾍ鮪 (@mizchi) 2014, 8月 4 もちろんサーバーサイドエンジニアの皆様に於かれましては、GUIの遷移で俺たちの実装した何がわかるんだ感があるでしょうが、サーバサイドでは値の変化が確認しやすいのに対し、
Web Componentsが変えるWeb開発の未来
Google I/O 2014でEric BidelmanがPolymer and Web Components change everything you know about Web developmentというタイトルで、Web Componentsおよびその補完・拡張ライブラリであるPolymerについてセッションが行われました。 「なぜWeb Componentsが生まれたのか」 「Web Componentsが何を解決してくれるか」 この2点を上記セッションに沿って解説していきます。 HTML/CSSが持つ弱点 Webを構成していくパーツを作る際、今まではどのように行っていたでしょうか。<div>や<textarea>といったようなネイティブで用意されているタグに、CSSで見た目で装飾し、JavaScriptからDOMのAPIを操作してインタラクションを付与してきました。 しか
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
今後ますます勢いを増す「開発技術＆ツール」を調べてみた
開発者が「今後、使いたい」と考えている開発技術を、ランキング形式で発表。2014年度前半はこれらに注目しよう。 ← 前回 連載 INDEX 次回 → 「今、本当に人気がある『JavaScriptライブラリ＆ツール』を調べてみた」では、JavaScriptライブラリ／ツールの人気テクノロジについて紹介した。本稿は、同じ（自記式）アンケート調査を基にした記事で、「デバイス」「スマートフォン」「IDE」など、より幅広い開発技術やツールについて「本当は何が人気なのか」を明らかにする（※ちなみに、本稿と同じ質問内容のアンケート調査を毎年4月と10月に実施予定である。この定点観測により、技術トレンドの推移を浮き彫りにしたいと考えている）。なお「Web」に関しては、前掲の記事内に含めたので、本稿では割愛する。 さっそく人気技術のランキングをジャンル別に紹介していこう。 実施期間： 3月31日～4月18日
これから始めるPHP基礎 – 動的なサイトを作るためのエッセンス ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #07」【ゲスト寄稿】 - BRIDGE（ブリッジ）
これから始めるPHP基礎 – 動的なサイトを作るためのエッセンス ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #07」【ゲスト寄稿】 編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから photo credit: nyuhuhuu via photopin cc 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第7回目のテーマは「これから始めるPHP基礎 – 動的なサイトを作るためのエッセンス」です。 前回は「これから始めるJavaScriptの基礎と全体像」というテーマでお送
Private Presentation
Private content!This content has been marked as private by the uploader.
プログラミングを効果的に学ぶ方法はゲームをつくること - WirelessWire News（ワイヤレスワイヤーニュース）
9leap(ナインリープ)という学生向けコンテストを今年も開催することになりました。 25歳以下の学生を対象に、ゲームプログラミングを行うコンテストです。 UEI、スマホゲーム開発コンテスト「9leap夏休みチャレンジ」を開催 http://codezine.jp/article/detail/7885 なぜゲームプログラミングのコンテストをしているのかというと、ゲーム開発を通してプログラミングの楽しさを一人でも多くの若い人に知って欲しいと考えているからです。 漠然と「プログラミングを勉強したいなあ」と思っても、実はなかなか身に付くものではありません。 よく、映画「ソーシャルネットワーク」のマーク・ザッカーバーグに憧れて、「ソーシャルネットワークサービスを作りたい」と相談してくる学生がいるのですが、ソーシャルネットワークサービスは初心者がいきなり作ろうとするにはハードルが高過ぎます。 こ
Ember.js - A framework for ambitious web developers
A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device. Read the Tutorial Build with the teams that never stop shipping. Some of the best development teams in the world have been iterating on their products for years with Ember. With scalab
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線
ServiceWorker解説 – オフラインWebアプリケーション開発技術の最前線 岩瀬 義昌（HTML5 Experts.jp編集部） 今月上旬5月8日に、W3CよりServiceWorkerの草案初版が提示されました。ServiceWorkerは、オフラインWebアプリケーションの開発者が問題と考える点を解決する、非常に魅力的な仕様です。日本語の情報がほとんどないこのタイミングで、HTML5 Expert.jp編集部が解説いたします！ ServiceWorkerとは ServiceWorkerは、リソースの永続的なキャッシュを可能にする、およびWebアプリケーションのリソース要求の処理を可能にする新しい機能です。Webページを開く前であっても（ネットワークの接続/切断の有無にかかわらず）、独自の処理を挟み込めるのがポイントです。クライアント側に、一種のプロキシサーバがあるようにイメー
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.13: 2014/04/01-2014/04/30＞ 今月の定点観測はWeb Componentsベストプラクティス、誰のためのWebなのかについて、そしてソースコード・レビューをどう行うかなどを紹介します。 注目ニュースピックアップ Web Components ベストプラクティス – WebComponents.org 原題: Web Components Best Practices Web Componentsはまだこれからの技術であることを念頭に、この記事では現時点でのベストプラクティスを紹介しています。 名前空間: 名前空間が他のWeb Componentと重複
YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 - bathtimefish's blog
先月のHTML5など勉強会で、Yeoman超入門を発表したときに、Yeomanはフロントエンド開発専用にlocalhostサーバー立ち上げるからサーバーサイドとの同時開発はちょっと工夫がいるよね〜みたいな話題があって、参加されてたnode.jsに詳しい方からhttp-proxyつかってapiの部分リダイレクトかけたらいいよみたいな方法を教えてもらった。 なるほどそれは便利だなと思って実際書いてみたら手軽に使える感じにできたので書いておきます。ちなみに今週水曜日にGoogle Developers Liveに出演してYeomanのことを喋らせていただく機会に恵まれたので、その時の参照にも使えるかと思って。（ライブのスライドはこちら） Yeomanは $ grunt server で開発用のWebサーバーを起動することができる。デフォルトで http://localhost:9000/ 以降フ
HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog
先日、都内某所で開催された#桜JSに参加したので、個人の日記レベルの感想を書いてみる。 #桜JS - Togetterまとめ 桜JSでご飯を食べながらLT大会をした | Web scratch 細かいことはazuさんのまとめを見てもらうとして、個人的におもしろかったのがHTML FormのPUT/DELETEについての議論。 なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes Jxckさんの経緯まとめを踏まえて、じゃあこれからHTML FormにPUT/DELETEを追加する必要あるの？っていう点で意見が割れた。 個人的には、この話を聞いたとき、確かに仕様としては欠けてる感じがするけど、いまさら実装されても自分はForm PUT/DELETE使うことはないだろうなと思っていた。理由は、FormでPUT/DELETE
WebRTC
Google is committed to advancing racial equity for Black communities. See how. With WebRTC, you can add real-time communication capabilities to your application that works on top of an open standard. It supports video, voice, and generic data to be sent between peers, allowing developers to build powerful voice- and video-communication solutions. The technology is available on all modern browsers
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Design Pixel - Online Magazine for Web Designers and Developers
IBM Developer
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」 - かちびと.net