JavaScript開発者のための優秀なVSCodeツール26選 - Qiita
以下はjsmanifestによる記事、26 Miraculous VS Code Tools for JavaScript Developers in 2019の日本語訳です。 26 Miraculous VS Code Tools for JavaScript Developers in 2019 Visual Studio Code(一般的にはVScodeと呼ばれる)は、デスクトップ上で動作する軽量で強力なクロスプラットフォームのコードエディタです。 TypeScriptやChrome Debuggerなどの開発ツールがサポートされています。 最初は自分のプロジェクトを構築するためにVScodeを使ったのですが、すぐに惚れ込みました。 VScodeには、誰もが開発することができ、誰もが使用することができる莫大なオープンソースの拡張機能が存在します。 開発に使える便利なツールを探している
【Swift】WKWebViewでJavaScriptのconsole.logを使えるようにする – 万来工房
「【Swift】WKWebViewでJavaScriptのconsole.logを使えるようにする」への2件のフィードバック Yuhさん 一つ質問ですが、このコードってon_clickなどのイベントによるconsole.logも出力できますでしょうか？？ html、javascriptを読み込んだ際に実行されるconsole.logはXcodeのログに出力されたのですが、画面表示後にhtmlのボタン押下などによる契機で動作するconsole.logは表示されないです。。。 もし、解決方法ご存知でしたらご教授いただけないでしょうか？ すいません、スパムコメントが多くて気づきませんでした。 原理的には、イベントハンドラでも動作するはずなのですが、ブラウザの内部でconsole.log関数を元に戻してしまっているのかもしれません。 根本的な解決にはなりませんが、イベントハンドラの最初に「var
Generative Design with p5.js［p5.js版ジェネラティブデザイン］ ―ウェブでのクリエイティブ・コーディング
原題：Generative Gestaltung. Creative Coding im Web 編著者：Benedikt Groß、Hartmut Bohnacker、Julia Laub、Claudius Lazzeroni 協力：Joey Lee、Niels Poldervaart 日本語版翻訳：美山千香士、杉本達應 日本語版監修：THE GUILD（深津貴之、国分宏樹） 日本語版ウェブサイト制作協力：吉村マサテル 日本語版デザイン：平野雅彦 ISBN：978-4-8025-1097-4 定価：本体3,800円＋税 仕様：B5判変型／ソフトカバー／オールカラー／256ページ 発売日：2018年06月22日
javascript - Set height of chart in Chart.js - Stack Overflow
I want to draw a horizontal bar chart with Chart.js but it keeps scaling the chart instead of using the height I assign the canvas form the script. Is there any way to set the height of the graph from the script? var ctx = $('#myChart'); ctx.height(500); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label:
Chart.jsを用いたバブルチャートの表示 - Qiita
<html> <head> <title>Chart.jsバブルチャートテスト</title> <meta name="description" content="Chart.js"> <meta name="keywords" content="Chart.js"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript"
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 - Qiita
個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。 間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義 基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ 宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある 値の再代入も再宣言も不可能 定数名は大文字とアンダースコアを組み合わせた名前を使うことが多い模様 識別子 変数名、定数名として使われる文
Visual Studio Code で JavaScript 開発環境を整えてみる
みなさん、こんにちは。ウェブデザイン初心者の詩緒です。 唐突ですが、ウェブ上で利用するための JavaScript の開発環境を整えた話を書いていこうと思います。 なぜ？ 私はこの記事を書いている現在、Blogger というブログサービス用のブログテーマを作っています。最初は外観を作ろうとしていたのが、いつの間にか機能を追加しようという流れに変わってきた今、 Blogger のテーマ編集画面で直接 JavaScript を編集しているのがなにか違うと思うようになりました。 JavaScript 部分を開発するだけならテスト用の簡素な HTML も使って動作確認しながら作りたいので、テーマの外観（XML）とは別に JavaScript ファイルを用意した方が便利だと思うようになりました。 そのため、Blogger の HTML 編集でスクリプトを直接書くのではなく、個別の外部ファイルとしてプ
現場で使えるアニメーション系JSライブラリまとめ(2018年版) – TweenMax, CreateJS, WebAnimation, Velocityなど - ICS MEDIA
現場で使えるアニメーション系JSライブラリまとめ GSAP, Anime.js, Motion, Tween.js, WebAnimationなど ウェブサイトのインタラクションやUIの演出など、HTMLでモーションを実装する機会は多々あります。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、Canvas、SVGなどJavaScriptを用いる場合は、CSS Transitionでは対応できず、アニメーションライブラリが必要となる場面があります。 JavaScriptのアニメーションライブラリは多種多様なので、どのライブラリを採用するのか悩みどころです。本記事ではHTMLのJavaScriptライブラリについて、使い勝手や書式を紹介します。 今回紹介するメジャーなJSライブラリ6種類 メジャーなJavaScriptライブラ
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
E2D3 Project
Data Visualization for ALL 「データって、面白い！」を 体感できるソフトウェア 当サイトにアクセスした地域を ドットで表現した地球儀、”See-Through Globe”。 E2D3を使えば、Excel上で好きな データを入れて楽しめます。 E2D3を無料でダウンロード 2018年度 日本統計学会教育賞 STAT DASHグランプリ2016 総務大臣賞 E2D3とは？ データって、面白い！そう感じる瞬間を全ての人に届けたい。 そんな理念を胸に、データビジュアライズを手軽に楽しめるソフトウェアを提供している、 非営利のコミュニティです。 コミュニティについて データビジュアライズとは？ 数値データをグラフや図などを用いて、わかりやすく、印象的に表現することです。 パソコン上で操作できたり、アニメーションで動いたり、手書きのグラフにはない楽しみがいっぱい！ Exce
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
v-sendai Vue.js/Nuxt.js meetup #1 (2019/05/13 19:00〜)
【個人メモ】JSON Serverを使って手っ取り早くWebAPIのモックアップを作る - Qiita
add a new line in svg, bug cannot see the line
Stacked Horizontal Charts with Chart.js
javascript - Horizontal stacked bar chart with chart.js - Stack Overflow
chart.js - Category scale on Y-axis and time on x-axis in bubble chart in Chartjs - Stack Overflow
VisualStudioCodeに自動整形機能があった - Qiita
JQueryで読み込み時とリサイズ時にブラウザサイズに横幅を合わせる - Qiita
canvasのサイズ指定 - Qiita
http://kudox.jp/java-script/createjs-tweenjs
