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
v-sendai Vue.js/Nuxt.js meetup #1 (2019/05/13 19:00〜)
お知らせ 【重要なお知らせ】iOSアプリの運用および提供を2024年6月3日(月)を以て終了いたします。詳細は お知らせをご覧ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用申請及び審査がございます。詳細はヘルプページをご確認ください。
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
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎JavaScript 個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。 間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義 基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ 宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある 値
VisualStudioCodeに自動整形機能があった - Qiita
Visual Studio CodeでTypeScriptを書いていて自動整形が欲しくなったので調べたら、 見つかったのでメモ 追記 2018/06/11 同じ設定項目があるのを確認 2019/03/09 いろいろ変わっていたので書き直した 「ファイル」「基本設定」「設定」を開く 上の検索窓からformatonで検索する Format On XXXで必要なものをチェックする 右上の{}で設定内容を確認できる コードを書く 自動整形できた！ コードの区切りを入力したとき(On Type) 保存したとき(On Save) 貼り付けを行ったとき(On Paste) Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read
Visual Studio Code で JavaScript 開発環境を整えてみる
みなさん、こんにちは。ウェブデザイン初心者の詩緒です。 唐突ですが、ウェブ上で利用するための JavaScript の開発環境を整えた話を書いていこうと思います。 なぜ？ 私はこの記事を書いている現在、Blogger というブログサービス用のブログテーマを作っています。最初は外観を作ろうとしていたのが、いつの間にか機能を追加しようという流れに変わってきた今、 Blogger のテーマ編集画面で直接 JavaScript を編集しているのがなにか違うと思うようになりました。 JavaScript 部分を開発するだけならテスト用の簡素な HTML も使って動作確認しながら作りたいので、テーマの外観（XML）とは別に JavaScript ファイルを用意した方が便利だと思うようになりました。 そのため、Blogger の HTML 編集でスクリプトを直接書くのではなく、個別の外部ファイルとしてプ
JQueryで読み込み時とリサイズ時にブラウザサイズに横幅を合わせる - Qiita
レスポンシブデザインとかの横幅100%をJQueryで処理 こんな時に便利 video要素ではwidthおよびheight属性は、パーセントでの値指定が出来ない レスポンシブデザインされていないページを処理する場合 読み込み時とリサイズ時を同時に処理する 読み込み時だけで処理するとブラウザサイズを変更した時に対応出来ないので、 JQueryではloadとresizeを合わせて記載すればOK!
canvasのサイズ指定 - Qiita
canvasのデフォルトサイズは、幅300px、高さ150px。 canvasのサイズを変更したい場合は、canvasタグのwidth属性、height属性を変更しなければならない。cssでスタイリングすると、canvasのデフォルトサイズからの相対サイズになってしまうため、canvas内に描画した画像が引き伸ばされることになる。 canvasをフルスクリーンで表示したいとき <div class="wrapper"> <canvas id="canvas"></canvas> <!-- .wrapper // --></div>
現場で使えるアニメーション系JSライブラリまとめ(2018年版) – TweenMax, CreateJS, WebAnimation, Velocityなど - ICS MEDIA
現場で使えるアニメーション系JSライブラリまとめ GSAP, CreateJS, WebAnimation, Velocityなど ウェブサイトのインタラクションやUIの振る舞いなど、HTMLでモーションを実装する機会は多々あります。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、WebGLやCanvas、SVGなどJavaScriptが実装の中心となる制作作業では、CSS Transitionでは対応しきれず、アニメーションライブラリ（トゥイーンライブラリとも言います）が必要となる場面があります。 JavaScriptのアニメーションライブラリは多種多様なので、どのライブラリを採用するのか悩みどころ。本記事ではHTMLのJavaScriptライブラリについて、使い勝手や書式を紹介します。 今回紹介するメジャーなJSライブ
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ページを開く
【個人メモ】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
http://kudox.jp/java-script/createjs-tweenjs
