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

web帳

1 / 3123

JavaScript

(シンタックスハイライトのプラグインが調子悪く少々見にくい状態です mm 近々修正します。) どもです。 タイトル長めになりました。 かれこれ、6、7年放置気味のWordPressのサイトを サーバー移転に伴い色々と整理しています。 既存のWordPressは、がっ…

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

underscore.js 引き続き、underscore.js のArray Functionsのまとめとなります。   Array Functions first _.first(array, [n]) リストの最初の値を返します。 _.first([5, …

続きを読む

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

続きを読む

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

続きを読む

Function (uh, ahem) Functions bind _.bind(function, object, [*arguments]) function を object に束縛します。 関数が呼ばれたときはいつでも this の値が object になります。 …

続きを読む

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

続きを読む

1 / 3123

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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