ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS(Ruby-to-JavaScript)、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6
Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います(@t_keshiさんありがとうございます!)。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成
Skip to the content. モダン JavaScript チートシート 画像クレジット: Ahmad Awais ⚡️ イントロダクション 動機 このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。 このガイドは読者に JavaScript をゼロから教えるものではありません。 基礎知識は持っていて、モダンなコードベースに慣れる(例えば React を学ぶ)のに苦労している開発者を助けるためのものです。 説明の中で JavaScript の諸概念が使われています。 また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。 メモ: ここで紹介されている概念のほとんどは JavaScript 言語のアップデート( ES2
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、Simon Holdorf氏による「10 Extraordinary GitHub Repos for All Developers」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ9選 すべての開発者へ。すごいGitHubリポジトリ10選 面接のリソース、build your own X、優れたパブリックAPIのリストなど Photo by Vishnu R Nair on Unsplash はじめに GitHubは、あらゆる種類の
2016年11月現在、最新(Xcode8.1環境下での)のコンパイル時間の計測方法が見当たらないので分析方法まで調査した。 2分程度かかっていたビルドが10秒ほどに短縮できました。 ※ビルドするマシンのスペック、設定、ファイル数、コードの書き方にもよるので、 n%,n秒速くなったというのは相対的な値なので予めご了承ください。 2016/12/11追記 有効な分析方法を追加 swift3.0以降にて可 はじめに 100クラス弱のswiftのプロジェクトで2分強ビルドに時間がかかっていたので、おかしいなと思い、おそらく静的にベタ書きした多次元配列に型情報を与えていないからだろうなと分かっていたが、いい機会なので原因を調査してみた。 プロジェクトのビルド時間の計測 こちらを参考に(Swiftのメソッド毎のコンパイル時間を計測してビルド時間を短縮する) 単にビルドが遅いと言われても、実質どのくらい
前回までのサンプルアプリを実機にインストールして色々なところを移動してみると高いビルに囲まれた路地裏や、木が茂っている公園の中、または厚い雲に覆われた天気で自分の位置とずれたところにパスが描かれることがあるのがわかります。 実はこのように普通にLocationManagerを使っただけでは綺麗な位置情報の軌跡をとることはできないことがあります。 Uberのように一時的に車が少し道路よりずれた場所に表示されてもいいアプリのケースもありますがもしNike+のようにユーザーの行動の軌跡を美しくマップ上に描画し、なおかつ走った距離も正確でなければいけないアプリは高い精度の位置情報だけを取り続ける必要があります。 この回では高い精度の位置情報だけを取り続けるためのフィルターの作り方について説明します。
対象者 他のプログラミング言語を習得している方 Rubyを少し触ったことがある方 ワタシRubyチョットデキルな方 ハンズオンに参加するために必要なもの 事前学習 特になし Rubyを知らなければ、Railsチュートリアルの第4章を読んでおくとよいかも 開発環境セットアップ済みのノートPC Ruby 2.3.0 以降 他、主催やスタッフなど 主催: Co-Edo Ruby User Group (CoEdo.rb) コワーキングスペース茅場町 Co-Edo を拠点とした Ruby / Rails のコミュニティです。本コミュニティでは Ruby / Rails に関連する勉強会・セミナー・懇親会などを行っており、現在は 『Ruby / Ruby on Rails 平日もくもく会』 『Ruby / Ruby on Rails ビギナーズ倶楽部』 『Railsチュートリアル 解説セミナー』(※
作者ホームページサービス(hp.vector)は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
iQONのiOSアプリはまだ全てObjective-Cで記述されています。 Swiftへの移行については「たいしてパフォーマンスが上がるわけでもないし…」と思って渋っていました。 そんな中、オフィスの移転をきっかけに来客の受付システムをiPadアプリで作ることになりました。 スクラッチでアプリを作るのならSwiftで、ということでSwiftで作りました。 今回は、受付システムの社員...iQONのiOSアプリはまだ全てObjective-Cで記述されています。 Swiftへの移行については「たいしてパフォーマンスが上がるわけでもないし…」と思って渋っていました。 そんな中、オフィスの移転をきっかけに来客の受付システムをiPadアプリで作ることになりました。 スクラッチでアプリを作るのならSwiftで、ということでSwiftで作りました。 今回は、受付システムの社員を呼び出すデータ通
Start Here to begin developing applications and plugins that use the iotkit-comm connectivity library. Otherwise, continue reading to learn more. iotkit-comm allows network-connected devices to conveniently discover and communicate with each other and the cloud. More specifically, the iotkit-comm library enables developers to write distributed applications composed of clients, servers, and peers (
「そんなん簡単やろ」と思いますよね。 たとえば、「UITextField 文字数制限」でググれば山のようにブログ記事やらコードが出てくるし、Stack Overflow に載ってるコードのコピペ一発で解決しそうに思えませんか? 実は文字数制限をつけたテキストフィールドはそんなに簡単な話ではないのです。 shouldChangeCharactersInRange:replacementString: は使えない子 今回はこれに尽きます。 UITextField や UITextView のデリゲートで呼ばれる textField:shouldChangeCharactersInRange:replacementString: やtextView:shouldChangeCharactersInRange:replacementString: は使ってはいけません。 より正確に言うと、使うとき
先日 Go MemoというiOSアプリをリリースしました。 「あとで行く」ためのアプリ、Go Memoをリリースしました Go Memoは週末4日間くらいで作ってリリースしたアプリなのですが、こうしてスピードを出せたのは便利なライブラリのおかげです。 この記事ではGo Memoで使ったライブラリを紹介しようと思います。 便利なiOSライブラリ AFNetworking 言わずとしれた定番ライブラリ。作者の mattt さんも非常に有名です。サーバーとのHTTP通信はほとんどこれに頼っていて、NSURLSession とか自分で書いてないです。 Go Memoでは foursquare API をたたく所で利用しています。 NSDictionary *params = ...; AFHTTPRequestOperationManager *manager = [AFHTTPRequestOp
昨今アプリ開発を行う上でのUIアニメーションやデザインの重要性が非常に高まってきました。一方でアプリの質を保ちながら開発スピードを上げるためには、様々な工夫が必要です。 今回はDeNAの開発者である吉田正史さんに、開発事例をもとにどう現場の課題を解決し、効率を上げていったのかなどについて寄稿していただきました。 by 馬場美由紀 (CodeIQ中の人) 話に出てくるアプリの紹介 DeNA吉田です。 今回ご紹介するのは、実際に下記のアプリを開発する現場で直面した課題です。 RabbitCam RabbitCam Rabbit cam(ラビットカム)はアニメーションするスタンプやBGMを選び、合成して動画を作成するアプリです。 非常にかわいいスタンプをより、可愛くする細かい動きや、おしゃれに仕上げるための動画に対してのフィルタの色味など細かい調整を重ねました。 QuizNow QuizNow
2013-04-01 文系学部生がSIerに入社してから読んだ本メモ 基本情報技術者連続不合格から一人前のエンジニアを目指す: 文系学部生がSIerからの内定までに心掛けたこと ちょっと前にこんなコラムが話題になって、心の中で「燃えろ〜よ燃えろよ〜」とか言いながら読んでたけど、よく考えたら自分も就活してた時は全然コード書いた事無かった。この人は何か思う所があって記事を書いたのだと思うし、少なくとも炎上狙いでは無い気がする。 4月から自分みたいに未経験だけどエンジニア目指したいって人もいると思う。そういう人はとりあえずTwitterとかGitHubで凄いエンジニアを追っかければいいと思うけど、最低限の教養として本読まなきゃダメっていうのはある気がする。とりあえず自分が読んでみて良かった本をメモ。 でも本読むのは最低ラインでその倍くらいコード書いてコード読まないと成長ないと思う。 心構え
概要 1ヶ月くらい一緒にお仕事している外国人プログラマさんを観察した記録です。 スペック 性別: 男性 仕事内容: うちの会社のプログラマは、ざっくり JS 等のフロントエンドと、 Java 等のバックエンドエンジニアにわかれているのですが、彼はどちらもやっているようです。 好きな食べ物: はちみつ たまに、くまさんのようにはちみつを舐めていました。 性格 彼はめんどくさがり屋です。 同僚の Windows ユーザの手伝いをしている時、 "C:¥Program Files¥..." みたいなパスを打ちながら、「めんどくさい。 ああ めんどくさい」 と 100回くらいつぶやいていました。 (普段の彼の環境は mac なので /usr/local/bin) パスワードを覚えるのもめんどくさいので 1Password で管理しているようです。 PC スペック マシン: Macbook Pro メ
pushlayer.comThis domain is available for sale!Buy this domain now$2998.00USD Buy Now Or make an offer on this domain Accepted payment methods:more optionsLet us help you get your perfect domain name.At Dynadot, we've made purchasing a domain name simple and secure. Buy with confidenceWe've been helping people securely buy domain names since 2002 and are home to over 2.5 million domain names. Our
データ取得や重い処理を行っている間、表示しなければならないぐるぐる回っている例のあれです。 表示中は操作させないようにしたり、できればかっこいいやつがよかったりと実は意外と面倒なんですよね。 でも無駄にソース書きたくないし、でも表示しないわけにはいかないし、手軽に使えてなんかかっこいいやつないかな、...あった!! ってなわけで、たった数行でかっこいいローディングを表示するSVProgressHUDを紹介します。はまりどころもあるので、最後まで読んでいってください。 SVProgressHUDの特徴 SVProgressHUDの特徴として、 導入・使い方が簡単 かゆいところに手が届く ARC対応 MITライセンス があげられます。とにもかくにも使ってみましょう。 早速使ってみよう 開発環境は以下の通り。 Xcode 4.5.1 iOS SDK 6.0 サンプルプロジェクトの作成 XCode
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く