Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper. It provides the logic and optional styling of elements that "pop out" from the flow of the document and float next to a target element. Smart: will always float optimally in view Universal: compatible with mouse, keyboard, and touch inputs Customizable: fine-tunable functionality and fully stylab
【2017年度版】いざというときに活躍するJavaScriptチャートライブラリ15選
高度情報化社会やビッグデータ時代と呼ばれている現代において、データビジュアライゼーション(データの視覚化)は注目されている分野の一つです。 アプリだけでなくWebサイトにおいても、ダッシュボード画面などで、大量のデータの中から意味のある情報を、分かりやすいUIを使って表示する機会が増えています。 ホームページにこのようなデータを表示するときに役立つのが、JavaScriptベースのチャート・グラフライブラリです。 操作性が優れていたり、さまざまな種類のチャートやグラフを表示したり、レスポンシブ対応していたりと、さまざまな機能を持つチャートライブラリが存在します。 今回は、2017年に試してみたい、いざという時に活躍するJavaScriptライブラリを集めました。 ほどんどのライブラリが商用利用も可能で、汎用性があります。 次のプロジェクトで採用できそうなライブラリをぜひ探してみてください。
オンラインスキルアップ課題 · チームラボオンラインスキルアップ課題
チームラボオンラインスキルアップ課題 このサイトはチームラボ オンラインスキルアップ課題で使用する資料をまとめたサイトです。 この資料の想定対象読者は、授業などである程度プログラミングに触れたことはあるが、Webサイトの作り方は分からないという方です。 内容は以下の通りとなっています。 STEP1 Webプログラミングをしてみよう Web上でのデータの流れ、データの送受信・保存の原理・方法、Webページ表示のための言語について学ぶ STEP2 Instagramもどきを作ろう セッションによるログイン機能、フレームワークによる中規模サイトの作成方法、データベースの設計方法について学ぶ 最終課題：Instagramもどきサイトの作成 また、想定OSはMac/Windowsとなっています。 その他のOSの方はダウンロードリンクやフォルダ構成などが一部異なります。 ブラウザはGoogleChro
始めに | チームラボオンラインスキルアップ
# 始めに このサイトはチームラボ オンラインスキルアップ課題で使用する資料をまとめたサイトです。このサイト自体は誰でも見ることができますが、オンラインスキルアップ課題参加者には社内エンジニアによる課題のレビューなどがあります。 # 受講対象者 授業などである程度プログラミングに触れたことはあるが、Webサイトの作り方は分からないという方です。 # 課題 Vue.js + websocketを使用してリアルタイムチャットシステムを作ります。 # 学習内容 リアルタイムチャットシステムの開発を通じて以下について学びます。 Vue.jsについて ES6について gitの使い方 フロントエンドのローカルでの開発 VSCode lint websocket heroku
軽量なのに強力！jQueryそっくりなJavaScriptライブラリ「Umbrella」とは？
オープンソースのjQueryライブラリはWeb開発の現場において何年もの間不動の地位についていました。 JavaScriptのことを深く理解していなくとも、オブジェクト指向で分かりやすい構文、豊富な外部プラグイン、加えてAjaxなどの非同期通信も簡単に扱うことができたのが、その人気の理由です。 JavaScriptを用いた開発現場ではいまもなお人気のjQueryですが、ここに来て新たなJavaScriptライブラリが注目を集めています。 それが、Umbrellaです。 UmbrellaはjQueryと同様に完全オープンソースで、jQueryと同じく要素セレクタを扱うことができたり、DOM操作ができたり、Ajaxリクエストを行うことができます。 また、UmbrellaはjQueryと若干異なる文法や関数の呼び出し方を採用していますが、基本的に残りの部分はほとんどjQueryと一緒です。 それ
鮮やかなグラフを簡単に描画！JavaScript「Chart.js」を使った動的なグラフ・チャートの作り方
グラフを使うと、あらゆる要素が客観的に比較できるので、問題分析が容易になったり、根拠を示しやすくなります。最近では情報やデータを可視化したインフォグラフィックを見かける場面が多いですが、それもグラフのメリットを活かしたものです。 しかし、グラフをホームページに掲載する時に、いちいち画像を作成するのは面倒……だと感じたことありませんか。 そこで今回は、グラフやチャートをJavaScriptで動的に生成することができるChat.jsを紹介します。 Chart.jsを使えば、数行のコードを書くだけで、鮮やかなグラフを簡単に描画することができます。少しのステップで実装することができるので、実際に特徴や手順から確認してみましょう。 Chart.jsとは？ http://www.chartjs.org Chart.jsは、数行のコードで折れ線グラフや棒グラフ、円グラフやレーダーチャートなどをダイナミッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
