サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
www.starryworks.co.jp
2015年11月からSTARRYWORKSにエンジニアとしてジョインしました。むらのです。どうぞよろしくお願いします。 今回BUTTON INC.のトップの実装を担当させてもらいソースを公開することになったので少し解説をつけるためブログを書くことになりました。 BUTTON INC.のトップはpaper.jsというライブラリを使用して作成しています。 これはベクターデータを描画、操作するライブラリでSVGをパースしてをpaper.jsに渡すとその情報を基にcanvasに描写します。 ボタンのアニメーションは全てベクターデータを基にモーフィングさせたりしています。 似たようなライブラリでtwo.jsというライブラリがあるのですが、パスを操作するメソッドや計算処理などがpaper.jsの方が充実していることもあり今回はpaper.jsを選びました。 ボタンが押されたり逆に膨れ上がったりというア
以前作ったブロック要素の高さを揃えるのに便利な「fixHeight.js」というJavaScriptを大幅に改良して、アップデートしました。 以前の細かいオプションを廃止し、高さを揃えたい要素たちの親要素に「fixHeight」というクラスを付与すれば、行ごとのグループを自動で判断して高さを揃えてくれます。 jQueryプラグインの形にしたので、$("selector").fixHeight();として呼び出すこともできます。 なお、以前のバージョンと互換性はありませんのでお気をつけください。 fixHeight.jsはSimpleLibのプラグインとしても提供しています。SimpleLibの他のエフェクトやプラグインなどと併用する場合は、SimpleLibに同梱されているものをご利用ください。 http://lab.starryworks.jp/js/simplelib/ ダウンロード
誰もができる均質なものづくりではなく、自分たちにしかできない価値あるものづくりを、 一緒に追求していく仲間を募集しています。 デザイナー業務内容Webサイト、アプリ、インスタレーションなど多岐にわたる制作物のユーザー目線のUI設計やビジュアルデザインが主な業務です。アートディレクターのサポートなど、経験に応じてさまざまな業務を担当いただきます。応募資格・デザイン制作の実務経験が1年以上ある方(アルバイトの場合は未経験も可) ・Photoshop, Illustratorを使いこなせる方 (XD, Figma, Cinema4D, After Effectsが使える方優遇) ・円滑なコミュニケーションをとりながらチームで仕事ができる方 ・礼儀正しく社会的一般常識を身につけ、向上心旺盛な方 ・ジャンルを問わず、クリエイティブに情熱を持ち制作できる方 ・イラスト、映像、3D制作ができる方優遇 給
既にご存知の方も多いと思いますが、私、木村は、10月24日から2013年1月20日まで、ヨーロッパに滞在しながら仕事をすることにしました。 パリを拠点にしながら、欧州の他の国にも少しだけ行こうと思っています。 離れた場所に居ながら、日本の仕事をすることに半分の時間を使い、残りの時間で別のことをしようと考えています。 オフィスの移転の予定もあり、あらためてSTARRYWORKS inc.の方向性を考えたり、ヨーロッパ滞在の目的などの考えをまとめました。 STARRYWORKS inc. という集団について (1)手と頭がつながって価値のあるモノを作る人たちの集団でありつづけたい だれかのために、 頭を使って、 手を動かして、 何かを作る。 だれかのためになることを本気で考えて、ちゃんと頭を使って、自分たちの手を動かして、モノを作るということを続けていれば、 10年後にプロダクト作ってるかもし
2018.03.2003/20/2018 THE PHILHARMONIC TURNTABLE ORCHESTRATHE PHILHARMONIC TURNTABLE ORCHESTRA 2017.11.1111/11/2017 11月11日ポッキー&プリッツの日 カンパイ シェアハピFes.11月11日ポッキー&プリッツの日 カンパイ シェアハピFes.
HTMLサイトを構築する際によく使う機能をまとめて、HTMLに1行追加するだけで以下のような様々な機能を追加できる、ライブラリ「SimpleLib」を公開しました。 accordion
先日の大阪てらこで発表しようとして完成できなかったWiiリモコンのテルミンをちゃんと作りました。 機能は以下のとおり。 Aボタンを押し続けてる間、音が出ます。 前後に傾けると音程が変わり、左右に傾けるとリングモジュレーションというエフェクトがかかるようになっています。 Bボタンを押し続けてる間、音程とエフェクトの強さがロックされます。 Wiiリモコンの代わりにマウスで操作できるものも用意しました。 クリックすると音がでます。 マウスを上下に移動すると音程が変わり、左右に移動するとエフェクトのかかり具合が変わります。 WiiFlashについて WiiリモコンとFlashの通信のためにWiiFlashというライブラリを使っています。これを使うと簡単にWiiリモコンと通信が出来るのですが、ある日ソフトウェアアップデートでJavaが最新版になるとMacでちゃんと動かなくなりました。(最初
先日、ひっそりと少人数でMax/MSP/Jitterを勉強する会に行ってきました。 自分も含め初めてMaxに触れる人が多く、とりあえず足し算してみたりHello Worldと出力してみたりというとこからのスタートでした。 とりあえず音を鳴らす方法が分かって、みんながあちこちから変な音ばかり出してるとても変態的な集まりでしたが、 もともとやってた人のおもしろいパッチを見せてもらったり、Max内でブラウザを動かしてる人や、初めて触ったのにiPhoneと同期してテルミンを作ってる人もいたりして、Max/MSP/Jitterの可能性と奥の深さにワクワクしてすごく刺激的な一日でした。 で、自分はArduinoというフィジカルコンピュティングのための便利なものを使って、Maxで作ったランダムに音を鳴らすプログラムに同期してLEDを光らすものを作ってみました。 ArduinoとMaxの接続にはMaxu
jQueryのイベントを便利に管理するプラグインを作りました / Introduction of a plugin to manage events of jQuery. ajaxを使ったユーザーインターフェイスを作っていると、状況によってボタンを無効化したり、また有効にしたり、別の動作をさせたりしたいときがよくあります。 そういった場合、イベントをbindしたりunbindしたりを繰り返すのが面倒だし、コードも長くなってしまいます。 こんな問題を解決する為に、一時的にイベントハンドラを無効化して、後から簡単に元に戻せたり、状況に合わせて複数のイベントハンドラのグループを切り替えることができる「EventManager」というプラグインを作りました。 例えば、ajaxでページネーションを行う場合、ナビゲーションの「前へ」のボタンは前のコンテンツがもうないときはマウスオーバーやクリックのイベ
手頃なモーションタイポグラフィー WEBサイトでFLASHを設置するとき、せっかくFLASHで制作するのだからキャッチコピーなどの文字を動かしてみたい...でも具体的にどんな動きにすれば良いのかわからない... 今回は、そんなときに手頃につかえるモーションタイポグラフィーをいくつか紹介します。 レイヤーに配分 2番目のサンプルを見ると、文字がひとつひとつ浮かび上がってきていますよね。 1つ1つの文字を切り離して、1文字1文字にモーショントゥイーンをかけています。 さてモーショントゥイーンですが、適応させるにはルールがありました。トゥイーンをかけるオブジェクトは同一のものを開始フレーム、終了フレーム内にはそれぞれ1個というルールです。 ですからここで、1文字1文字を切り離して別々のレイヤーにわける作業をしなくてはならなくなるのです。10文字程度ならまだしも、30文字以上になると少し厳しいです
ちょっと前にBitmapクラスのsmoothingプロパティ(画像を拡大縮小/回転したときにギザギザにならないようにするための設定)がちゃんと動作しないと思って、ちょっと調べてみたけどあんまり情報がなかったのでメモしておきます。 スムージングが効かない例: var bitmap:Bitmap = new Bitmap(); bitmap.smoothing = true; bitmap.bitmapData = someBitmapData; これだとスムージングされない。new Bitmap( null, true );とかやっても同じくうまくいかない。そして、いろいろやってみた結果、smoothingをtrueにするタイミングがbitmapDataをセットした後にするとうまくいくようです。 いける例: var bitmap:Bitmap = new Bitmap(); bitmap.b
ページ内リンク(アンカー)の移動を分かりやすく、スムーズにするJavaScriptライブラリ - blinkAnchor - 概要ページ内リンクをクリックするとその場所までスムーズにスクロールし、対象のエレメントをチカチカさせるスクリプトです。 今やってる商業施設の仕事でイメージマップを使ったフロアマップから同じページ内にあるショップの一覧への遷移を分かりやすくするために作ったモノで、かなり簡単なスクリプトですが、気に入ったので公開します。サンプル 1 2 3 設置方法jQueryとinterface elements for jQueryが必要です。 (interface elementsはすごいことがいっぱいできるライブラリで、それなりのファイルサイズですが必要なのは「ScrollTo」だけなので、いずれ余裕がある時にinterface elementsがなくても動くようにしたいです)
こんばんは、村井です。 早いもので明日で三周年をむかえます。今後ともどうぞ宜しくお願い致します。 第一弾はリクエストもあったので、後輩のみんなへ「サイト公開前にこれだけは忘れずにやっておきましょう」的なメモ。また思いついたら追記します! ファビコン 文法・ブラウザ・リンク切れチェック パフォーマンスチェック アクセス解析 サイトマップXML ファビコン お気に入りアイコン、そうですアドレスバーなどに表示されるあれです。 基本的に透過でキレイなファビコンが簡単につくれるので、フォトショップのプラグインを使っています。 こちらのサイトで親切明快に解説されています。 http://2xup.org/log/2006/04/28-2323 文法・ブラウザ・リンク切れチェック これはもう言わずもがなですが、よく使うツールをご紹介。 HTML文法チェック Firefoxアドオン LinkChec
先日公開したBUTTON INC.のソースコードをGitHubに公開しました。先日公開したBUTTON INC.のソースコードをGitHubに公開しました。 2015年11月からSTARRYWORKSにエンジニアとしてジョインしました。むらのです。どうぞよろしくお願いします。 今回BUTTON INC.のトップの実装を担当させてもらいソースを公開することになったので少し解説をつけるためブログを書くことになりました。 BUTTON INC.のトップはpaper.jsというライ...2015年11月からSTARRYWORKSにエンジニアとしてジョインしました。むらのです。どうぞよろしくお願いします。 今回BUTTON INC.のトップの実装を担当させてもらいソースを公開することになったので少し解説をつけるためブログを書くことになりました。 BUTTON INC.のトップはpaper.jsという
はじめまして、こんにちは。趣味は朝練のウエニシです。 既にweb上には業界の諸先輩方が書いておられるTipsなどが星の数ほどありますが、 上級者向けに書かれた記事などで内容が省略されていて、初心者や中級者にとってはもう少し詳しく説明されているとありがたいなあと思う事がよくあります。 自分自身もその一人で、調べたい事に関して説明しているサイトをいくつか見て、要約してまとめる事が多いです。ので、 そういったものを自分のメモの中で終わらせるのではなく、自分の備忘録的な意味も込めて、 このブログで公開していきたいと思います。 もちろんその他の事もいろいろ書いて行きたいと思っております! 記念すべきブログ1号目は、弊社の代表の木村が作りました、 複数のブロック要素の高さを、一行ごとに一番高い高さに揃えてくれるJavaScriptライブラリ「fixHeight.js」の事について書きたい
私たちは、いろんなモノやコトをデザインしている集団です。
このページを最初にブックマークしてみませんか?
『STARRYWORKS inc.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く