面倒な作業も発狂しない！Web制作を超効率化するgulp.jsの始め方（2017年版）
面倒なWeb制作の作業を効率化できるタスクランナー。もう使っていますか？ 現在もっともポピュラーなタスクランナーであるgulp.jsの使い方を解説します。 開発者は、限りある大事な時間をコーディングに費やします。たとえ面倒な会議をさぼっても、仕事時間の大半は地味な作業に奪われています。 テンプレートとコンテンツファイルからHTMLを生成する 新しい画像と変更された画像を圧縮する SassをCSSコードにコンパイルする スクリプトからconsoleとdebuggerのステートメントを削除する ES6をブラウザーとの互換性が高いES5に変換する コードの埋め込みと検証 CSSとJavaScriptファイルの連結と縮小 開発サーバー、ステージングサーバー、運用サーバーにファイルを展開する なにか変更があるたびに、作業は繰り返されます。作業を繰り返すうちに、一番優秀なエンジニアでさえ画像のひとつや
Parametrische Flächen und Körper
Ich habe mein Tutorial von 2000 überarbeitet und noch einige interessante Objekte hinzugefügt. Die Plugins laufen jetzt alle unter Cinema Version 8. An der Beschreibung der Pluginentwicklung (Cinema Version 5) habe ich nichts geändert, das meiste gilt ja auch für Version 8. Ich habe noch weitere interessante, unsinnnige oder überflüssige Objekte hinzugefügt. Jetzt sind es insgesamt 185. Die Plugin
WebGLで複数のシェーダー使用時にハマる罠「俺のVBOがアタッチされてないわけがない！」 - Qiita
はじめに 皆さんこんにちは！ 日本のWebGL界において、意識高い系WebGLおじさんとして知られるエマ・デュランダルさんですよ！（挨拶） さて、皆さんWebGL楽しんでますか？ WebGLはネイティブのOpenGLと違い、glGetErrorとかglShaderInfoLogとかで明示的にエラー確認を行わなくても、エラーが発生した際はブラウザが親切にちゃんとコンソールにエラーメッセージを出してくれます。 非常に3Dプログラミングしやすい環境だと思います。 それでも、「どうしてもこのエラーが取れない！！ 正しくWebGLのAPIを呼び出してるはずなのに、どうしてエラーが出るの！？ 亡霊かよこのエラー！」っと叫びたくなる時もあるものです。 どうしてか。大抵の原因は、WebGL（及びそのベースとなったOpenGL ES）のAPIについての理解不足にあるんです。 おやおや、今日もWebGLで悩め
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 泉水翔吾 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など複数回に渡って解説していきます。 ECMAScriptとJavaScript そもそもECMAScriptとはなんでしょうか？JavaScriptとは一体何が違うのでしょうか？ECMAScriptとJavaScriptの関係は、JavaScriptが生まれた1995年まで遡ります。 JavaScriptは1995年、当時Netscape CommunicationsにいたBrendan Eich氏がWebで実行できるスクリプト言語として開発しました。その後Inte
iOS 8 @ Metal要点まとめ - ラーメンは味噌汁
2014-06-23 iOS 8 @ Metal要点まとめ iOS 8 Metal OpenGL ES よりも低レベルなAPI iOS 8からMetalという新しいグラフィックAPIが追加されます。OpenGL ESよりもオーバーヘッドを抑えることができ、最大10倍のパフォーマンスを発揮するそうです。10倍は言い過ぎな気もしますがまぁおそらくそれなりに速いのでしょう。すでにAppleから公開されているドキュメントやリファレンスを元にMetalの要点をまとめておきます。 ※ドキュメントにも書いてありますが正式版では仕様が変更される可能性があります。 Metal関連リンク Working with Metal: Overview http://devstreaming.apple.com/videos/wwdc/2014/603xx33n8igr5n1/603/603_working_w
WebGL の基礎はモチロン数学的な知見まで幅広く学習できる WebGL Fundamentals を活用しよう！ - WebGL 総本山
全文英語だが具体的なコードも豊富！ 今回ご紹介するのは、全文英語ですが WebGL の導入に非常に役に立ちそうな WebGL Fundamentals というラーニングサイトです。 具体的なコードの掲載や、動作するサンプル、そして Github で公開されているライブラリのコードなど、参考になる情報がたくさんあります。 コードを見るだけでも勉強になること間違いなし こういった学習のためのサイトを紹介したことは、今まであまりなかったかもしれません。 今回のサイトは全文英語ではありますが、非常にわかりやすく構成が考えられており、タイトルを見て目的別にチェックするのも比較的容易なのではと思います。 実際に動作するサンプルは、埋め込みタイプのものと、別窓で開くタイプと、両方用意されています。 コードもたくさん用意されており、あまり英語が得意じゃないという人にとっても使いやすいサイトではないでしょう
独学で 1 ヶ月間 OpenGL を学んで得た基礎知識のまとめ ~ 2D 編 ~ · けんごのお屋敷
OpenGL。その単語の響きだけで素晴らしく魅力的に思える 3D コンピューターグラフィックスライブラリは、これまで何人もの駆け出しゲームプログラマーに幾度と無く挫折を味わわせてきた。「ゲーム作るならやっぱり高速に描画できる OpenGL でしょ。でも自分が作るゲームに 3D はいらないし、しかも難しそうだし、別に 2D 描画だけできればいいや」 と、軽い気持ちで手を出したのが運の尽き、世の中そんなに甘くはなかった。OpenGL というその難攻不落城は私達の進む道を阻むように高々とそびえ立っている。 OpenGL がコレほどまでに取っ付きにくいのは 気軽に Hello World できない からなんじゃないかと思う。OpenGL の場合だとそれは何かしら 1 つの図形を表示することにあたるのかな。でもたったそれだけなのに、覚えることが山ほどありすぎて全然本題にたどり着くことができないし、O
ES6時代のJavaScript - クックパッド開発者ブログ
こんにちは会員事業部の丸山@h13i32maruです。 最近のWebフロントエンドの変化は非常に激しく、ちょっと目を離した間にどんどん新しいものが出てきますよね。そんな激しい変化の一つとしてES6という次期JavaScriptの仕様があります。このES6は現在策定中で、執筆時点ではDraft Rev31が公開されています。 JavaScriptはECMAScript(ECMA262)という仕様をもとに実装されています。 現在のモダンなWebブラウザはECMAScript 5.1th EditionをもとにしたJavaScript実行エンジンを搭載しています。 そして次のバージョンであるECMAScript 6th Editionが現在策定中で、略称としてES6という名前がよく使われます。 今回は、他の言語にはあってJavaScriptにも欲しいなと思っていた機能や、JavaScriptでよ
JavaScriptクライアントフレームワーク「Aurelia」が登場 | OSDN Magazine
1月26日、ECMAScript（ES）6および7で実装された新しいJavaScriptクライアントフレームワーク「Aurelia」が発表された。AngularJSの元開発者が開発したもので、早期プレビュー版が公開されている。 AureliaはAngularJSの開発に関わっていたRob Eisenberg氏が中心となって開発した、WebプログラミングにフォーカスしたJavaScriptフレームワーク。Webアプリケーション構築や個々のライブラリを利用してのWebサイト構築、Node.jsとともにサーバー側でライブラリを利用する、カスタムフレームワークの作成、といった用途に利用できるという。 ECMAScript 6（ES6）とECMAScript 7（ES7）で実装されており、モジュラー構造を特徴とする。外部ライブラリとしてレガシー環境をモダンなブラウザと同等にするための「polyfil
TemplateStrings.md
TemplateStrings.md Japanese translation from the original post in English. 原文: [Getting Literal With ES6 Template Strings by Addy Osmani] (http://updates.html5rocks.com/2015/01/ES6-Template-Strings) #ES6のテンプレート文字列 従来のJavaScriptの文字列処理はPythonやRubyに比べて非力でしたが、ES6のテンプレート文字列はこの状況を根本的に覆します。（テンプレート文字列はChrome 41からサポートされています。）それによりプログラマはドメイン固有言語（domain-specific language、DSL）を定義する事が可能になります。以下はテンプレート文字列が提供する機
Metalでボーンアニメーション！！ : DSAS開発者の部屋
3Dアプリの開発にはまずモデルの読み込みが必要となります。 Metalにはレンダリング機能はあるものの、ローダは備わっていません。 そこで今回はボーンアニメーションに対応したモデルローダ作成のノウハウ（特にMetalの特性にどう対応したか）を紹介したいと思います。 ソースコードはこちらです： http://log.blog.klab.org/support/20140925/Blacksmith-bone_animation_sample.zip メインとなるファイルはBSModelとBSRendererです。 BSModelはモデルデータの管理やボーン計算を担当し、BSRendererはBSModelから頂点データやテクスチャ、ボーンマトリックス等を受け取ってレンダリングを行います。 まずはじめにモデルファイルのパースが必要となります。 ３Dモデルのファイルフォーマットは世の中にいくつも
アロー関数が実装された - JS.next
概要 ES2015を象徴する機能である、アロー関数構文の実装がついにV8で始まった。 無名関数を短く書ける [3.28.31] アロー関数は無名関数の省略記法である。 今までこう書いていたのが、 var fn = function (a, b) { } こうスッキリ書ける。 var fn = (a, b) => { } 「=>」が矢のように見えることから「アロー」関数と言う。 更に短くできる これが、 [1, 2, 3].map( function (v) { return v * v } ) // [1, 4, 9] アロー関数だとこうなるが、 [1, 2, 3].map( (v) => { return v * v } ) // [1, 4, 9] 引数が一つの時には「()」を省略できるので、こう書ける。 [1, 2, 3].map( v => { return v * v } )
OpenGL ES 3.0のGLSL ES 3.0変更点まとめ - ラーメンは味噌汁
2013-09-17 OpenGL ES 3.0のGLSL ES 3.0変更点まとめ OpenGL ES 3.0 今回はGLSL側の変更点をまとめます。OpenGL ES 2.0の時はGLSL ES 1.0でしたが OpenGL ES 3.0ではGLSL ES 3.0にバージョンアップしてます。OpenGL ES2.0からOpenGL ES3.0は完全上位互換でしたがGLSL側は削除された機能もあり大きく変更されています。 参考 OpenGL ES Shading Language 3.00.4 OpenGL ES Shading Language (GLSL ES) Reference Pages OpenGL ES 3.0 API Reference Card Preprocessor バージョン "#version 300 es"と先頭に指定することでGLSL ES 3.0とし
UIViewクラス
・継承 UIResponder : NSObject ・準拠 NSCoding UIAppearance UIAppearanceContainer NSObject ・フレームワーク /System/Library/Frameworks/UIKit.framework ・利用可能 iOS 2.0以降で利用可能 ・手引書 iOS Viewプログラミングガイド ・宣言 UIPrintFormatter.h UITextField.h UIView.h ●概要 UIViewクラスは、画面上の矩形領域と領域内のコンテンツを管理するためのインターフェイスを定義します。 実行時には、ビューオブジェクトは領域内のコンテンツの描画を処理し、またコンテンツとの対話を処理します。 UIViewクラス自体は、背景色を持つ矩形領域を占める基本動作を提供します。 UIViewをサブクラス化し、必要な描画とイベント
組み込み向け3DグラフィックスAPIの最新版「OpenGL ES 3.0」が登場 ―― デスクトップ向けグラフィックスを猛追する組み込みグラフィックス
組み込み向け3DグラフィックスAPIの最新版「OpenGL ES 3.0」が登場 ―― デスクトップ向けグラフィックスを猛追する組み込みグラフィックス 大渕 栄作 OpenGL ES（OpenGL for Embedded Systems）は，携帯電話や携帯型ゲーム機，タブレット端末などの情報系組み込み機器を中心に普及している3Dコンピュータ・グラフィックス用APIの標準規格である．2012年8月には，最新版の「OpenGL ES 3.0」が発表された．ここでは3DグラフィックスIP（GPU）コア・ベンダの開発技術者であり，Khronos GroupによるOpenGL ESの標準化にもかかわっている著者が，OpenGL ES 3.0の概要について解説する．（Tech Village編集部） グラフィックス技術およびインタラクション技術に関する世界最大の学会/展示会である「SIGGRAPH
ES.next Draft仕様より、普通のfunctionとArrowFunctionの違い - hogehoge @teramako
の解説を理解するために。 通常のFunciton定義と、ArrowFunctionでの違いを追ってみる。 以下の3つくらいの理解に必要だろう。 8.3.15.1 [[Call]] Internal Method 10.2 Lexical Environments 13 Function and Generators 13.1 Function Definitions 13.2 Arrow Function Definitions 13.6 Creating Function Objects and Constructors Functionオブジェクトの違い（FunctionExpressionとArrowFunction） まずは、Functionオブジェクトがどのように生成されるか、である。 Function定義は、FunctionDeclarationと名前付きFunctionExp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
