結局UMLとかシーケンス図とかAWSの図とかどれで描くと良いのよ？と思ったときの選択肢 - Qiita
自身のプライオリティによりますが、いくつか。 Markdownで幅広く再利用性を利かせたい、長期的に丁寧に版管理したい 自分自身の操作性、描きやすさと、見た目 俄然手軽に、短期的に、Onlineでいつでもどこでも いずれかという視点で考えると良いのかなと思い、並べてみました。 1. 長期的に: Markdownで幅広く再利用性を利かせたい、丁寧に版管理したいなら Markdownで描くことのメリットは再利用性。 将来的に追記・編集、自分以外の誰かが手を入れる可能性が高い。 現在のドキュメントだけでなく多種説明資料、媒体に転用する可能性がある。 ...という点で差分管理をしたいなら、以下。 VSCodeでPlantUML、Mermaid 上記参考で以下。 Alt+D でプレビュー起動。 Ctrl + Shift + P でコマンドパレットを起動し、出力。 png, svg, eps, pdf
Reactで無限スクロールを実装する方法【react-infinite-scroller】
ReactでWebページを作成していると無限スクロールを実装する機会があると思います。スクロールしたら非同期でデータを取得して、無限にスクロールできる機能のことです。YouTubeにも実装されているので見たことがあると思います。 今回はこの無限スクロールをReactで実装するライブラリのreact-infinite-scrollerを紹介します。 react-infinite-scrollerのインストール まずはreact-infinite-scrollerのインストールを行います。以下のどちらかのコマンドを実行してインストールします。 npm install react-infinite-scroller --save yarn add react-infinite-scroller react-infinite-scrollerを使ってみる インストールが完了したら、実際に使ってみま
時系列データの可視化：datetime型のx軸操作 - Qiita
はじめに データをより良く理解したい/伝えたいということで可視化を頑張ってたんですが、時系列のx軸の操作でハマりました。これまでもpandasやseabornを使ってましたが、matplotlibの理解度が低く、かゆいところに手が届かない事が多々ありました 。そこで、体系的に理解した上でハマりを解消することにしました 元々のハマりどころ紹介 ・データ概要：時刻（ex. 9:13）に関する時系列データ。時間間隔は一定でない。 ・ハマりどころ： 下図はPandas.Series.barで可視化したものです。 - 「x軸目盛りのラベル多すぎ」 -> 好みの間隔で表示数を間引きしたい - 「09:02:00じゃなくて09:02までで良い」-> 表示フォーマット操作したい など、大したことじゃないんですが、自由に設定するのは案外難しく、イライラするレベルのハマりに陥ったのです・・・ matplotl
Use JSDoc: Index
Getting startedGetting started with JSDoc A quick start to documenting JavaScript with JSDoc.Using namepaths with JSDoc A guide to using namepaths with JSDoc.Command-line arguments to JSDoc About command-line arguments to JSDoc.Configuring JSDoc with a configuration file How to configure JSDoc using a configuration file.Configuring JSDoc's default template How to configure the output from JSDoc's
Node.jsを複数バージョンインストール[On Windows 10] - Qiita
2.Node.js をインストール 所望のバージョンの Node.js をインストールしていきます。 私は、v4.3.1と最新LTS版をインストールしました。 まずは、インストール可能なバージョンを確認します。 どうもv4.3.1は無いようです。 最新LTS版は、v10.15.0でした。 $ nvm list available | CURRENT | LTS | OLD STABLE | OLD UNSTABLE | |--------------|--------------|--------------|--------------| | 11.6.0 | 10.15.0 | 0.12.18 | 0.11.16 | | 11.5.0 | 10.14.2 | 0.12.17 | 0.11.15 | | 11.4.0 | 10.14.1 | 0.12.16 | 0.11.14 | | 1
![Node.jsを複数バージョンインストール[On Windows 10] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e99dc157ea6a314124264aafcdf86aa9d8cf508f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Tm9kZS5qcyVFMyU4MiU5MiVFOCVBNCU4NyVFNiU5NSVCMCVFMyU4MyU5MCVFMyU4MyVCQyVFMyU4MiVCOCVFMyU4MyVBNyVFMyU4MyVCMyVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyVCQyVFMyU4MyVBQiU1Qk9uJTIwV2luZG93cyUyMDEwJTVEJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xZDBmOTIzY2Q1ZjQ3ZTNjNmQ5ZmUyMTFiMTc3OTEwNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc3BpZGVyeF9qcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGU3NTA2Y2NjOTkwNzMwNTRkZWU1NTk5NjI2ZmVlYzc%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5b9f88994f4035dbbee93db9c4f687ea)
最新版で学ぶwebpack 5入門 - Babel 7でES2023環境の構築(React, Vue, Three.js, jQueryのサンプル付き) - ICS MEDIA
最新版で学ぶwebpack 5入門 Babel 7でES2023環境の構築 (React, Vue, Three.js, jQueryのサンプル付き) ECMAScript 2015(略：ES2015)以上の言語仕様でJavaScriptを書くことが、昨今のウェブのフロントエンドエンジニアの基本テクニックです。しかし、ECMAScript 2015以上の仕様のJavaScriptで記述すると、Internet Explorer 11など古いブラウザでは動作しないこともあります。そこでBabelなどのトランスパイラと呼ばれるツールを使って、ES2015〜ES2023の仕様で記述したJavaScriptファイルを互換性のあるECMAScript 5に変換します。 トランスパイラとして一番有名なのが「Babel」というツールです。ただ、BabelにはECMAScript Modules（impo
Promiseとasync/awaitを用いた非同期処理の実装
Promiseとasync/awaitを用いたJavaScriptの非同期処理について記述していきたいと思います。JavaScriptでは外部サーバと情報をやり取りする際に非同期処理を行います。従来JavaScriptではコールバックを用いて非同期処理を行っていました。しかしこのコールバックというものは、なかなかの曲者で多くの問題を抱えています。一番の問題は連続で非同期処理を行う際です。例えば以下のようなケースです。 salesforce組織にログイン認証を行う 取引先の住所を取得する 取引先の住所から、最寄りのレストランの情報を取得する 画像を読み込む 画像をリサイズし描画する 上の①～⑤の処理は全て一つ一つ順番に処理をしなければならない非同期処理です。コールバックのみで記述しようとすると、上記のケースではどうしても処理全体をまとめてテストしなければならなくなります。 ES6、ES7で登
Sphinxを使って自作パッケージのドキュメントを簡単に更新しよう！！ - Qiita
はじめに 現在着手している機械学習の自作ライブラリを作る際のテストやドキュメントの管理にSphinxを使用してみようと思い立ち、いろいろいじってみたのですが思っていた構造にするのに手間取ったのでメモして共有します。 以下の記事はこちらの記事を参考にしてアップデートされた部分や詰まったところを重点的に書いていきます。 環境 python 3.7.3 Sphinx 2.1.2 GitHubリポジトリ(こちら)をクローンしていただき、pip install -r requirements.txtでSphinxのインストールができます。ディレクトリ構成も同じになるので検証していただける方は是非。 $ git clone https://github.com/CastaChick/Example_of_Sphinx.git 上記をコピペでクローンできます。 ディレクトリ構成 Sphinxを始める前の
webpack 4 入門 - Qiita
お知らせ（2020/08/25 追記） Udemy で「webpack 最速入門（10,800 円 -> 2,000 円）という講座を公開しました。 本来の価格は10,800円ですが、上記リンクからアクセスすると2,400円で購入できます。 どんな内容？ webpack を利用したフロントエンド開発環境が構築できるようになる、ハンズオン形式の講座です。 詳細は上記のリンクのプレビュー動画で詳しく説明しています。 記事との内容の違い 記事の内容に、以下の内容や特徴が追加された感じです。 実務で利用できる開発環境を徐々に構築していくので、記事と比べて実践的な内容 ハンズオン形式の講座なので、手を動かしながら webpack を学習できる webpack の設定ファイルに追加する値の詳細をすべて解説 記事では解説していない細かい補足や、機能のご紹介 なぜ npm scripts を利用するのか
JavaScriptライブラリbluebirdでPromiseを簡単に作る | KEYPOINT – キー・ポイント株式会社 開発日誌
前回に引き続き、今回も、JavaScriptのPromise関連の記事です。 今回は、JavaScriptライブラリのbluebirdを使って、コールバックで非同期処理を行う関数を簡単にPromiseを返す関数に変換する方法を紹介します。 bluebirdとは bluebirdとは、Promiseを実装したJavaScriptのライブラリです。現在、多くのブラウザやNode.jsなどのJavaScript実行環境では、Promiseが標準で対応されていますが、IEなどの未対応の環境でも、bluebirdを利用することでPromiseを使えるようになります。 それだけでなく、bluebirdにはES2015の標準の仕様にない便利な関数があり、Promiseに対応している環境でも便利なライブラリです。 bluebirdのpromisify、promisifyAllでPromiseを返す関数を作
Gitのコミットグラフを可視化できるGitGraph.jsがおもしろい - Qiita
プレゼン資料を作っている時に「このコミットグラフをMarkdownかテキストで書けたらな」と思ったことがある人、結構いるのではないでしょうか。 GitGraph.js を使うと、JavaScriptで記述したコミットログをcanvasを使って可視化できることを知りました。なかなかおもしろいです。 準備 まず GitGraph.js の JavaScript と CSS ファイルを読み込みます。GitHub からソースをcloneするなり、bowerを使うなり、CDNを使うなり、お好みで。ここではコミットグラフを定義するコードも別ファイル index.js に書くことにします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GitGraph.js</title> <link rel="stylesheet" type=
[ 368_スクリーンキャプチャのテスト( Windows Vista, 7 対応) ] - Mr.XRAY
2013年09月26日 キャプチャした画像表示用のフォームを，全て，新規フォーム作成時と同じ [自動生成] とした．それに伴いサンプルコードを整備して記事も修正 サンプルをいくつか追加．ただし，内容はほとんど同じだが，タイトルと説明を変えている 2013年09月29日 前回の更新で，キャプチャした画像表示用フォームの OnShow が，2 回目以降発生しなくったための修正．Activate イベント処理のコードを追加して，OnShow イベントの処理コードは削除 2013年10月04日 矩形領域選択 (矩形範囲選択) のサンプルを追加 一部のサンプルで，ビットマップの解放処理を忘れていたので修正 2016年04月10日 矩形領域のキャプチャのテストプログラムを，マルチモニタ対応にした Windows Vista 以降，ウィンドウのスタイルがかなり変化しました．Windows XP までの時
[Python] Pillowによる画像処理（Imageオブジェクト）
Pillowはサードパーティ製の画像処理モジュールです。本記事では、Imageオブジェクトを使った画像の読み出しや保存、各種画像処理（クリッピング、リサイズそして回転など）の方法についてまとめます。 環境 OS: Ubuntu16.04LTS Python 3.7.0 Pillow 5.3.0 公式リファレンス: https://pillow.readthedocs.io/en/5.3.x/index.html インストール Pillowは3rdパーティ製のモジュールです。自分の環境に無いときはインストールしましょう。公式リファレンスに記載の通りpipコマンドでできます。 $ pip install Pillow Anaconda環境の場合は以下でインストール可能です。 $ conda install pillow 使い方 Pillowモジュールのインポート PillowはPIL(Pyth
![[Python] Pillowによる画像処理（Imageオブジェクト）](https://cdn-ak-scissors.b.st-hatena.com/image/square/588c99f4e6872d398b971edf21127904a78d9aa1/height=288;version=1;width=512/https%3A%2F%2Fhibiki-press.tech%2Flearn_prog%2Fwp-content%2Fuploads%2F2018%2F10%2Fkids-2985782_640.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.web-development-kb-ja.site/ja/javascript/post-json%E5%BD%A2%E5%BC%8F%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF/967418528/
Getting Started — Sphinx documentation
今更だけどPromise入門 - Qiita
標準 Windows API - WisdomSoft
amimilab.com
自宅で副業独立宣言！ 副業のご提案（自宅で副業倶楽部）
プログラマってなんで他人にもプログラミングを勧めるの？
