Yuta Kashino on Twitter: "昨日，衝撃を受けたのですが，日本の生産年齢人口 - 総人口の過去データと2065年までの推計値 (総務省統計局の日本の統計 https://t.co/gnP7RYzQRZ の人口の推移と将来人口) をプロットしたら，1995年から2020年はつるべ落としのように働く世代が居なくなり，2025年からは日本市場が激縮するという… https://t.co/dqxdaGHujM"
GitHub - lana-k/sqliteviz: Instant offline SQL-powered data visualisation in your browser
Sqliteviz is a single-page offline-first PWA for fully client-side visualisation of SQLite databases or CSV files. With sqliteviz you can: run SQL queries against a SQLite database and create Plotly charts and pivot tables based on the result sets import a CSV file into a SQLite database and visualize imported data export result set to CSV file manage inquiries and run them against different datab
HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLとCSSだけで実装 セマ
UML作成ガイド | オンライン作図ツール Cacoo(カクー)
CacooのUMLガイドへようこそ！ このガイドは、こんな人に役立ちます。 複雑なシステムの視覚化に興味がある UMLの入門書を求めているシステムアーキテクト、ソフトウェアエンジニア、ソフトウェア開発者 UMLの基本とUML 2.5でのアップデートについてブラッシュアップしたい 本ガイドは以下の3部構成で形成されています。UMLを基礎や応用など、自分が学びたいテーマを選択しましょう！ UMLの概要 モデリングとは？ モデリングとは、ソフトウェアアプリケーションの設計を視覚化し、チームがコーディングを開始する前に要件を満たしていることをチェックする方法です。 超高層ビルの建設を始める前に建築家が設計図を作成するように、開発者はモデリング図を使って、コーディングを始める前にこれから作るソフトウェアの設計を固め、テストすることができます。 どんなプロジェクトであれ、綿密な計画を立てることで最初の
ARCHITECTURE.mdというものを書いてみた - maru source
こんにちは丸山@h13i32maruです。システム全体を簡単な図とテキストでまとめる「ARCHITECTURE.md」というものを最近知りました。これは良さそうと思い、JasperのARCHITECTURE.mdを書いてみました。 jasperapp/jasper/ARCHITECTURE.md ARCHITECTURE.md自体の目的は「プロジェクトへの新規参加者が全体像の把握を効率的に行えるようにする」という感じです。書き方の指針や注意点などは考案者による記事を見てもらうのがよさそうです。また良いサンプルとしてrust-analyzerというOSSのARCHITECTURE.mdが紹介されています。 https://matklad.github.io//2021/02/06/ARCHITECTURE.md.html https://github.com/rust-analyzer/ru
)
Graphviz Visual Editor - GraphvizをWeb上で表示、さらに編集も！ MOONGIFT
昔から開発者がビジュアル化のために使ってきたライブラリがGraphvizではないでしょうか。DOT言語と呼ばれる記法に沿って書くことで、画像やSVGとしてドローされたデータを出力できます。 そんなGraphvizのビジュアル化をWeb上で行い、さらに編集まで行えるのがGraphviz Visual Editorです。 Graphviz Visual Editorの使い方 基本的な形。 エンジンはdotだけでなく、fdp/neato/osage/patchwork/twopiから選択できます。 複雑なものでも問題なく描けます。 こんな複雑なものでも瞬時に描画されます。 拡大したり、選択しているノードが左側のエディタでハイライトされます。 図形の追加も可能です。 DOT記法のビジュアル化するツールはよくありますが、Graphviz Visual Editorは編集もできるのが特徴です。どの部分
Apacheログをfluentdで読み出してelasticsearchに転送する流れをdockerでシミュレートするハンズオン - Qiita
Timeout 300 KeepAlive On MaxKeepAliveRequests 100 KeepAliveTimeout 5 User www-data Group www-data HostnameLookups Off LogLevel warn LoadModule authn_file_module modules/mod_authn_file.so LoadModule authn_core_module modules/mod_authn_core.so LoadModule authz_host_module modules/mod_authz_host.so LoadModule authz_groupfile_module modules/mod_authz_groupfile.so LoadModule authz_user_module modules/m
AWS構成図おすすめツール - Qiita
AWSの構成図を作成する際に便利なツールを紹介します。 vscodeの拡張プラグイン「Draw.io Integration」です。 インストール方法 vscodeの左サイドにあるExtensionsをクリックし、検索窓にdrawと入力するとDraw.io Integrationが表示される。そして、Installボタンをクリックするとインストールされる。 作画ツールの表示 インストール後に新規ファイル作成ボタンを押し、 拡張子を.drawioにすると自動的にvscode上でdrawioの作画ツールが表示される。 これを使って簡単なAWSの構成図を描いていきます。 VPCを作成して、その中にパブリックサブネット、EC2インスタンス、インターネットゲートウェイを作成する。 使い方 AWSアイコンの追加 下部の+More Shapesを押すと、アイコンのセットが表示される。 ここからAWS 1
【業界初】ライバー専門情報メディア「ライバーサーチ」が、『ライバー事務所 カオスマップ2021上半期』を公開！
ライバー専門情報メディア「ライバーサーチ」を運営する、株式会社ポム（本社：東京都港区、代表取締役：川浦敦也 以下、当社）が、業界初となるライブ配信事務所をまとめた『ライバー事務所 カオスマップ2021上半期』を公開しました。 ◆『ライバー事務所 カオスマップ2021上半期』ダウンロードはこちらから↓ https://liver-search.com/archives/3515 当資料への掲載希望も常時受け付けております。 掲載依頼につきましては「contact@liver-search.com」までご連絡ください。 ◆本カオスマップ作成の背景 COVID19の影響で、家でも楽しめるエンターテイメントの1つとしてライブ配信が盛り上がっています。同時に、在宅ワークとしてライブ配信を配信して収入を得る、ライブ配信者(以下、ライバー)も増え続けています。 ライブ配信プラットフォームを運営する1
GitHub - mhlabs/cfn-diagram: CLI tool to visualise CloudFormation/SAM/CDK stacks as visjs networks, draw.io or ascii-art diagrams.
Usage: cfn-dia [options] [command] Options: -v, --vers Output the current version -h, --help Display help for command Commands: draw.io|d [options] Generates a draw.io diagram from a CloudFormation template html|h [options] Generates a vis.js diagram from a CloudFormation template browse|b [options] Browses and generates diagrams from your deployed templates help [command] Display help for command
3分でわかるXSSとCSRFの違い - Qiita
みなさんこんにちは。 FUJITSU その2 Advent Calendar 2018 17日目の記事担当は私 ゆきはらです。 前回14日目はkeiya-nobutaさんのSphinxの導入とLinux Kernelドキュメントのビルドで、 18日目はhasunumaさんの富士通サイバーセキュリティーワークショップ(FCSW)2018参戦記となっています。 はじめに なぜこのテーマにしたか Webアプリケーションに対する代表的な攻撃手法としてXSS（クロスサイトスクリプティング）とCSRF（クロスサイトリクエストフォージェリ）というものがあります。 しかしこの二つ、名前だけでなく攻撃手法も似ていて違いがとてもわかりづらいです。かつて私がセキュリティを勉強していたときもよく混同していました。 そこで、この記事ではXSSとCSRFの仕組みとそれらの違いについてまとめることにしました。 対象とす
要件定義に必要なフロー図をテキスト入力だけで作成できる【Quick Diagram】
サービスの詳細 日本でも2018年頃に画面遷移図をテキストベースで作成できるguiflowが有名になりましたが、今回のサービスは、その類似サービスになります。 Quick Diagramは、普段からPower Pointやエクセルを利用していないプロダクトマネージャーやテクニカルディレクターやにオススメのサービスです。 サービスを設計したり要件定義を作成する際に必要になる、シーケンス図やクラス図、画面遷移図の作成、修正を簡単に実施できるサービスです。 早速、サービスの詳細を確認していきましょう。 アカウント作成し、ログインするとダッシュボードが表示されます。 左上から、作成したい図を選択します。 今回は、フローチャートを選択しました。 左側にQuick Diagramが指定する記法でテキストを記述していきます。 記法はこちらのドキュメントを参照してください。 記法の大まかな説明すると、それ
seabornで見てみる「ぼっちゃん」(お遊びpythonシリーズ)｜wz
またまた昨日の記事の続き。昨日は夏目漱石の「ぼっちゃん」をメカブを使って形態素解析をしてWord Cloudに読み込ませてみたが、今日は頻出名詞をカウントしてグラフにしてみるテスト。 Pythonでグラフを描くのはseabornというライブラリが有名みたいで、これを使ってみる。一緒に文字数をカウントするためにコンテナデータ型とか言う標準ライブラリのcollectionsも使う。 サンプルコードは以下の通り。昨日はstop_wordsで要らない単語を使わない様にしたけど、今回はcollectionsに入ってるのでそれをdelで削除。most_commonというメソッドで頻出上位30位までの単語をグラフ描画に使う。 あっという間にタイトル画像の様なナイスなグラフが完成。めちゃくちゃ簡単。Python素敵。seabornは他にも色んなグラフが描けるみたいで、ちょっといじってみたいなー。仕事でも使
Pythonの可視化ライブラリ「Bokeh」ではじめるデータビジュアライゼーション
Pythonの可視化ライブラリ「Bokeh」ではじめるデータビジュアライゼーション Bokehではじめるデータビジュアライゼーション 2019年1月22日、freee株式会社にて、Data Driven Developer Meetupが主催するイベント「Data Driven Developer Meetup #4」が開催されました。サービスをより良いものにするために日々データと向き合っているデータサイエンティストやエンジニアなど、様々な職種で活躍する人々が集い、知見を共有する本イベント。今回は日本経済新聞社とエムスリー株式会社の2社がメインセッションに登壇し、自社の取り組みについて語りました。プレゼンテーション「Bokehではじめるデータビジュアライゼーション」に登場したのは、YukiyoshiSato氏。デモを交えながら、Pythonのインタラクティブビジュアライゼーションライブラリ
mathgram.xyz - mathgram リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
汎用的なコードの依存関係の抽出ツール rexdep を作りました！ ― 正規表現で依存関係を大雑把に抽出しよう！ - プログラムモグモグ
あらすじ ソフトウェアの中の依存関係について 正規表現で抽出できることとその限界 コードの依存関係を抽出するツール rexdep を作りました ソフトウェアの構造を概観するには あなたは、大きなソフトウェアを目にした時、何をしますか？ ファイルが何十、何百もある時、どこから読みますか？ ソフトウェアが巨大になると、そのコードの構造を把握するのは難しくなります。 特にプロジェクトに入りたての人にとって巨大なコードベースを一目で理解することは難しく、細かなタスクをこなしていく中で徐々に「どこに何が書いてあるか」を理解していくしかありません。 ソフトウェアによってはモデルとコントローラ、データベースとビューと言った具合にコードが分かれており、これくらいの分類はディレクトリ名を見れば理解できるかもしれません。 しかしそのようなざっくりとしたコードの分類が分かったところで、ソフトウェアの構造を理解し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
فيصل صالح on Twitter: "أفضل 8 مواقع لتصميم الإنفوجرافيك (Infographic) 1- https://t.co/HGMMt2YS0L 2- https://t.co/VmpoBoOPXx 3-… https://t.co/yP61aJrKQ9"
Charts.css
tomo@マーケティング🤓 on Twitter: "こういう企業分析、すごい分かりやすい。 https://t.co/AfijInPS2R"
なんでもかんでもJupyter Notebookに表示するためのチートシート ２次元プロット編 - Qiita
