どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式

いまさら聞けないRESTの基礎知識、JAX-RSを使ったREST APIの作り方と使い方：3つのフレームワークで学ぶエンタープライズJava開発入門（3）（1/3 ページ） 新規のエンタープライズJava開発において現在有力視される3つのフレームの違いについて解説する連載。前回から複数回に分けて、MVCのViewとControllerにフォーカスして各要素を紹介しています。今回はJava EEのJAX-RSについて。JAX-RSの基本的な設計方針であるRESTについて解説し、Struts 1、JSFとの違いやJAX-RSの使いどころを紹介します。 新規のエンタープライズJava開発において現在有力視される3つのフレームワーク、Java EE、Spring Framework、Play Framework。本連載「3つのフレームワークで学ぶエンタープライズJava開発入門」では、3つの違いに

米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」（米HP CTO Martin Flink氏）として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープライズ向けアプリケーションでよく用いられるカラーパターン、タイポグラフィ、アイコンや、ログイン画面、ダッシュボードなどのパターンが用意されています。

2023年03月31日追記：この記事を基に、@sadnessOjisanさんより、コードレベルにより踏み込んだ、かつ、グリーンスレッドベースの新しいWebサーバアーキテクチャも含めて整理された記事 Webサーバーアーキテクチャ進化論2023 | blog.ojisan.io が公開されました。 主に新卒のWebエンジニア向けに、古典的なWebサーバアーキテクチャを学ぶ道のりと代表的な実装モデルの概要を紹介します。 この辺りの話題がWeb界隈で流行っていたのは数年以上前というイメージですが、Webサービスは相変わらずWebサーバの上で動いているので、流行り廃り関係なく学ぶべき内容だと思っています。 また、HTTP/2がいよいよRFC化し、既にh2oやtrusterdなどのHTTP/2のサーバ実装があり、今後Webサーバアーキテクチャを再訪することが増えるような気がしています。 ところが、We

2024 著作権. 不許複製 プライバシーポリシー

2024 著作権. 不許複製 プライバシーポリシー

3からIE6が切られたのは知っていたので、IE8なんて楽勝じゃん！と思っていましたが IE8がまだいい子だという私の認識は完全に間違っていました。— スズキユキ (@s12bt) October 21, 2013 DOCTYPEをhtml5にして、jquery呼んで、bootstrapのcssとjs呼んで、動くじゃんと。Chromeでひと通り作ったあとにIEでの動作検証したら全然動かなかった。きぃぃぃ。 そして、IEが悪いわけじゃなくて、ドキュメントをちゃんと読んでなかった私が悪かったんです。。。 同じ過ちを起こさないためにメモ。 Bootstrap3のサポートブラウザは以下。 Supported browsers Specifically, we support the latest versions of the following: Chrome (Mac, Windows, iOS

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

年末商戦の裏側でECサイトには何が起きた？：1ミリ秒でも早く～次世代Web技術が支えるこれからのEコマース（3）（1/2 ページ） 今回はまず、2013年の年末商戦の時期に観測できた変化をご紹介。また、幾つかのツールを用いて、新興Eコマース事業者の1つであるEtsyのEコマースサイトの構成を技術的に深堀りしてみます。 第2回の「もはや当たり前？ CDNとクラウドを活用した構成」に続き、今回もEコマースを取り巻く最新動向について見ていきましょう。 2013年の年末商戦で起こったコト 今回はまず、2013年の年末商戦の時期に観測できた変化を紹介します。 2013年12月のトラフィックの中に含まれていた、Amazonが用いている短縮URL「amzn.to」をソーシャル検索エンジン「Topsy Analytics」でグラフ化すると、大きなピークが現れました。ピークに当たる2013年12月20日は金

Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

Created with Sketch. image/svg+xml image/svg+xml image/svg+xml

■ Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)(山本 陽平) 技術評論社の稲尾さんから献本いただいた。読むの遅くてすみません(ここまでテンプレ)。 とはいえ、すでに出回っている書評に付け加えることはほとんどないんだよなぁ。Webテクノロジーの基礎に関する最高の教科書のひとつだと思う。付録のリファレンスも含めて、作りが極めて教科書的で、色褪せない工夫が随所にあって感心する。Webサービス開発者に限らず、Webに携わる者はみんな読んでおくべき。 実は、途中までは、対象読者は開発者だろうと思っていたんだけど、最後のリソース設計のところで情報アーキテクチャとの関係が登場して、もっと広く読まれるべきだと思い直した。「Webアプリとか関係ないし」とか言いつつふつーの情報サイトを設計している人がいたら、自分が作ってるサイトが、いつかどこかでA

ぐるぐるとカーソルを動かして色を決定、どんどん色を増やしてカラースキームを作成し、PNGファイルで作ったカラースキームを保存するだけでなく、LESSファイルでカラーコードまで保存できるのが「Colourco.de」です。 Colourco.de - find your colour scheme http://colourco.de/ 使い方は色の上でカーソルを動かすだけという簡単なもの。カーソルを垂直に動かすと明度が変化し、真ん中にカラーコードとRGB、HSL、HCL、LABという4パターンのカラーモデルが表示されます。 水平に動かすと色調が変わります。なお、彩度はスクロールで変えられるということですが、スクロールのできないマウスやタッチパッドの場合は「Shift＋上下の矢印」で調整することが可能。 欲しい色の上でクリックすると色が保存され、画面が2つに。右側に出現した画面で次の色を調整

Silo, a Bay Area food supply chain startup, has hit a rough patch. TechCrunch has learned that the company on Tuesday laid off roughly 30% of its staff, or north…

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la