このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

1 / 3123

JavaScript

スクリーンショット 2016-07-31 5.33.10
お久しぶりにJavaScriptの話題でもと。 Facebook製 JavaScriptライブラリ(フレームワーク)と言えば、React.jsなイメージですが、 こちらも結構前にリリースされていて、あまり触ってこなかったので今回はこちらを。 immutable …

続きを読む

スクリーンショット 2016-05-30 2.39.04
どもです。 世界的に有名なレコメンドアルゴリズムと言えば、Amazonのこんな感じでオススメの商品が出てくるアルゴリズムかと思います。 今回の「RecommendJS」は、 こんな、オススメの商品などをレコメンドする機能を、フロントのみで簡単に実装できるJ…

続きを読む

479
どもです。 最近、記事もJavaScriptも書いてないなぁ。と思ったので、なんかJavaScriptについて書きます。 選んだのが、ビット演算・ビットマスクと言う事で、全然真新しくも無く、使いどころの少ない事柄で全く申し訳ないのですが、まぁいいですよね。 まとめてい…

続きを読む

687474703a2f2f77656263796f752e636f6d2f726970706c655f6566666563745f6a732f64656d6f2f696d672f73637265656e5f73686f745f64656d6f5f706167652e706e67
なんだか、お久しぶりで記事を書く様な。。 ちょいとしたJSライブラリを作って見ましたので、ご報告をさせていただきます>< これは何? Material design対応。クリックまたはタッチで、リップルエフェクトを表示する、JavaScriptライブラリです。 簡単…

続きを読む

スクリーンショット 2015-12-26 21.01.04
JavaScriptでstate管理できる「 javascript-state-machine」 を使ってみました。 ちょっとマニアックなライブラリになるかも知れませんが、JavaScript開発を行う方にはメジャーなのかもですね。 githubのstarも2500を超えていま…

続きを読む

lgf01a201405261800
どもです。 冒頭で申し上げておきますと、私は「クソコード」所謂「クソース」が嫌いです。 「え?当たり前でしょう?」 と言われがちですが、私の言う嫌いは 「クソコード」と一言で済ませてしまうのが嫌いです。 クソコードと呼ばれたり、そう扱われるようになるま…

続きを読む

uipm007
「UIPM」~ UI Parts Manager ~ 「UI Parts Manager」FrontEnd Developer Tool 「これは何?」 フロントエンド開発環境にて、UIパーツをGUIで管理する Nodeモジュールとなっております。 インストール イン…

続きを読む

pic_website
あ。どもです。 なんか、退職記事でPVが上がっているような気がしますが、 ただただ普通の事を書いてしまって何かを期待されてた方は申し訳ありません。。 と、まぁそちらは良いとして、 webページをclipできるサービス「Clipper」を公開しました! …

続きを読む

screen_shot
どもです。 先日、MacBookPro15インチ上位モデルを購入しまして、ウキウキで今回もそれについて書こうかと思いましたが、やっぱりやめました。w と。なんとなく、オープンソースってやつ、やってないなと思って作ってみました。 (なんかモテると噂で聞いたのでw あ。嘘です…

続きを読む

ev
どもです。 なんか久しぶりにJavaScript AnimationEndの事でも。 ありがたい事に昔の記事、 css3とjavascriptを利用する際に頻繁使用 webkitAnimationEndとwebkitTransitionEnd を見てくれた方とかも多くて…

続きを読む

unnamed
「あれ。動かなくなっている。。」 数日前の出来事でした。 なんでだろう。。 と、chromeのバージョンアップに伴って、不具合が出始めたのもあって調べて見ると、 event.propertyName で取得できる「-webkit-transform」が → 「transfo…

続きを読む

スクリーンショット 2015-07-17 2.49.32
どうもです。 いやぁ。 暑いですねー。全く。 なんとなく、AngularJSの事書きたくなったので書きます。 まぁ、特別すごい事ではないのですが、何か参考になればと。 で、今回はこういった年月日の選択フォームに関して htmlで言うと、select要素を用いて実装するの…

続きを読む

スクリーンショット 2015-07-05 23.51.20
どもどもです。 またまた久々な気が。。 クライアントツールはずっと、Gruntを利用していたのですが、Gruntで使っているプラグインもほぼほぼGulpで揃っている様なので、Gulpに移行したところ、コンパイルが早い早い。 今回はそんな訳で、Gulpの利用しているモジュールなどを…

続きを読む

スクリーンショット 2015-04-08 22.08.47
お久しぶりな気が。。 日々、開発環境でnodeを扱っているのですが、sqliteも扱うことがあったので書いておきます! node モジュールの sqlite3-webapi-kit https://www.npmjs.com/package/sqlite3-webapi-kit…

続きを読む

スクリーンショット 2015-03-01 4.11.39
どもですmm かなりお久しぶりな投稿で、気がつけば2015年の3月も終わっているということで、皆さんどのようにお過ごしでしょうか? 振り返れば、2月はweb帳の投稿せずに終わってしまってしまいぼちぼち反省しております。 と、いうのも、平日はゲーム開発で夜遅くまで頑張り、土日は趣味…

続きを読む

スクリーンショット 2014-12-23 11.35.26
いやぁ、Angularは便利だ。 ということで、AngularJS でスターアイコンを作成しましょう。 スターアイコンはよくあるこんな感じのやつですね。 Amazonのレビュー評価などにもありますよね。 今回はこれをtypescriptとAngularJSで作成します。…

続きを読む

スクリーンショット 2014-11-10 1.15.27
TypeScriptで実装を行って早半年以上が過ぎてしまいました。。。 自由奔放にJavaScriptを書いていましたが、すっかり縛られたい体となってしまい(変な方向だな。)TypeScropt無しではもう生きられないのか? てぐらい。(いや別に無しでも大丈夫だな。) とりあえず、…

続きを読む

スクリーンショット 2014-08-05 5.35.41
ども。 おひさしびりです。 ということで、最近はもっぱらTypeScript + AngularJSでサイトを制作する毎日で、 「あれ。あれどうだったけ??」と出てくるのは必然で(笑) 忘れない様に、今回はAngularJSの方を軽くまとめてみました。 AngularJS ht…

続きを読む

スクリーンショット 2014-03-31 0.54.37
最近、何かとnode.jsを扱っております。 いやぁ。面白い。 WebSocketをより簡単に扱うためのライブラリ「socket.io」や webフレームワークの「Express」等を使うことによって更により簡単にリアルタイムのコンテンツを作る事が出来ます。 今回は「socket.…

続きを読む

スクリーンショット 2014-03-16 10.25.06
node.jsでwebAppを作成する際、Expressを用いた様々なテンプレートエンジンが存在します。 有名ところで、「EJS」や「jade」等々とあるのですが、その中でも群を抜いて爆速といわれている(うたっている)テンプレートエンジンが「ECT」となります。 ECT 公式ペー…

続きを読む

スクリーンショット 2014-02-15 2.41.34
最近ではangular.js、backborn.js、vue.js等.. MVC(MVVM) jsフレームワークが話題だったりしますね。 凄い便利で管理コストも大幅に削減できたりするのですが、やはりパフォーマンスが気になるところだったりします。スマートフォン等のサイト制作となるとCP…

続きを読む

スクリーンショット 2014-01-17 5.24.49
どもです。 2014年も始まり、2週間が経とうとしておりますが、皆さんどの様にお過ごしでしょうか。 私はぼちぼちやっております。 そんなこんなで、今年2014年は去年以上にnode.jsが活用されそうな予感がしております。 node.jsとはなんぞや? って方は、 サーバー…

続きを読む

スクリーンショット 2014-01-06 0.21.14
もう、2014年も5日が過ぎようとしています。 なー早い。早い。 とにかく時間がない。と誰かの歌詞の様ですが、何事も時間との勝負。 そうお仕事も。 という訳で、Grunt.jsでフロントエンドをサクっと自動化しようではありませんか! Grunt.js Grunt.js …

続きを読む

スクリーンショット 2013-12-06 2.44.50
AngularJS 公式サイト http://angularjs.org 新たな、なんたらjsになるのですが、これまた超便利な事になっております。 何はともあれ公式サイトに記載されているサンプルのソースを試してみることに。 あら、不思議!インタラクティブでテキストが表示する…

続きを読む

スクリーンショット 2013-11-24 1.58.41
underscore.js 引き続き、underscore.js のArray Functionsのまとめとなります。   Array Functions first _.first(array, [n]) リストの最初の値を返します。 _.first([5, …

続きを読む

スクリーンショット 2013-11-19 6.28.12
underscore.js ども。 世間では、なんちゃらjsが多く溢れていて、何がなんやらで大変ですね。 でも、そんななんちゃらjsが皆さん好きなのかも知れませんね。 と、そんな感じで、今回は登場してちょっと経ちますが、配列操作に便利な underscore.js について書いて見…

続きを読む

スクリーンショット 2013-11-14 22.22.36
どもです。 何かと、最近話題なドラゴンクエストなんですが、バトルシーンのシミュレーターを行いたいなと思い、 前回製作した、 CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。 を改良し、Smarty + php + Javascriptで、 「ドラゴンクエスト バ…

続きを読む

スクリーンショット 2013-11-30 22.49.51
Function (uh, ahem) Functions bind _.bind(function, object, [*arguments]) function を object に束縛します。 関数が呼ばれたときはいつでも this の値が object になります。 …

続きを読む

スクリーンショット 2013-10-21 5.36.52
今回は、スマートフォンサイト、webビューApp(ハイブリッドApp)等HTML5、CSS3、JavaScript等を用いてコンテンツを制作する際によく使う(使うと便利)JavaScriptをまとめてみました。 ユーザーエージェント スマートフォンサイトを制作する際に、ユーザーエージェ…

続きを読む

スクリーンショット 2013-05-26 4.25.48
ども。これまたお久しぶりな感じです。 お仕事がクッソ忙しく全く他のことができない今日この頃です。 が故に良い作品も出来ているので、まぁいいかぁと思う今日この頃です。 で、疲れもピークに来ているせいか、どうも基礎的なところも分かんなくなって来てしまっているのでまとめてみました。 …

続きを読む

evst
Javascriptを用いたスマートフォンUIや、webアプリケーションなどを制作していく際、タッチスタートのイベントだったり、タッチムーブのイベントだったりと、domにイベントを色々と登録し、イベントを発生させていくかと思うのですが、その際、イベントを登録する為の関数、addEven…

続きを読む

スクリーンショット 2013-04-07 1.44.47
JSONとは、「JavaScript Object Notation」の略で「ジェイソン」といいます。 JSON は、数値や文字列や配列やオブジェクトなどのデータを、文字列で表現できる軽量なフォーマットであり、XMLと比べると簡潔に構造化されたデータを記述することができるため、人間が理…

続きを読む

スクリーンショット 2013-04-06 13.17.37
最近良くあるなと思うのが、「要素(DOM)を入れ替えたい」と言った要件だったりもします。 ソーシャルゲームなんかになるとカード画像を入替え。とかになりますかね。 以下の様な並びだとして、 タップ→タップで入替え。とか、タップ→スライドで入替え。 だったり。 そんなとき、Jav…

続きを読む

スクリーンショット 2013-02-28 22.45.59
いやー。楽しいですね。enchant.jsは。 重力のあるボール挙動のscriptを書いてみました。ボールをドラッグ出来て、放り投げることも可能です。 何より便利だなと感じたのは、「touchstartでクリックスタート」「touchendでクリックエンド」などもカバーしてくれてい…

続きを読む

pjaxとは pjaxはpushStateとajaxを組み合わせた造語(pushState + ajax = pjax)となります。  pushStateはhtml5に新実装されたHistory APIのひとつで、javascriptからブラウザの履歴に直接挿し込む為に用意されているメ…

続きを読む

1 / 3123

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。