デジタル報道カタログ - Digital Journalism Showcase
このページについて 日本国内におけるデジタル報道（デジタル・ジャーナリズム）の事例を集めたウェブページです。各作品に「地図」「3D」「スクローリーテリング」といったジャンル、手法、技術に関するタグを付与し、タグで逆引き検索できるようにしています。 私（荻原）が事例として集めてきたものを整理して公開したものです。 使い方 デジタル報道はその特性上、言語で検索することが難しいため、会社を横断して事例を探すことが簡単ではありません。このページで日本国内の主なデジタル報道事例を公開元にかかわらず一覧することができます。 また、タグで同じ手法や技術を使った作品を横断検索できるため、制作時の参考や類似の事例を探すこともできます。 作品の集め方 今のところ「国内の報道機関が発表したもの」「ウェブページとして公開されているもの」「インタラクションやデータベースなど、紙面や動画だけでは実現できないもの」を集
We need visual programming. No, not like that.
SummaryMost visual programming environments fail to get any usage. Why? They try to replace code syntax and business logic but developers never try to visualize that. Instead, developers visualize state transitions, memory layouts, or network requests. In my opinion, those working on visual programming would be more likely to succeed if they started with aspects of software that developers already
実質収支全国マップ ふるさと納税のリアル
好きな自治体に寄付をする「ふるさと納税」。都市部の住民が肉や果物など地方の魅力的な返礼品を求め、寄付金額は拡大しています。一方、税金を奪われる都市部の自治体は不満を募らせています。返礼品の調達などに多額の公費を投じることには批判の声もあります。 今回、寄付の流出入に加え、調達などの経費や、国の地方交付税による補塡も考慮に入れ、最終的な実入りをさす「ふるさと納税実質収支額」を市区町村別に算出しました。 2023年度の黒字首位は宮崎県都城市、赤字額がもっとも多かったのは川崎市でした。 あなたの街を調べてみましょう。 データと実質収支額について総務省が毎年公表する「ふるさと納税に関する現況調査」から2015〜23年度の寄付受入額と経費、住民税控除額を取り出し、全国1741市区町村の実質収支額を算出しました。 国の地方交付税によってふるさと納税による減収額の75%が補塡されることも考慮に入れました
Online Mermaid Visual Editor | Mermaid Flow
Mermaid Flow is a Visual Mermaid live editor that aims to simplify creating Mermaid JS Diagrams online. Currently Mermaid Flow supports Flowchart diagrams, giving you the ability to Drag and Drop nodes, edges and labels to create your Flowchart diagrams visually. This mermaid live editor is useful for creating and maintaining complex diagrams such as Software Architecture diagrams. Once drawn, sim
Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト
筆者は Scrapbox を愛用しており、Scrapbox プロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。 GitHub - mamezou-tech/sbgraph: Fetch Scrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[1]。 D3.js を使うと Graphviz よりインタラクティブな可視化アプリを作れます。グラフ構造の可視化には、force simulation を使うと効果的です。 Force-Directed Graph かなり前に Vue 2 と D3.js を使って可視化のための SPA (Single Page Application) を試作して放置していました。 放置している
JavaScript・TypeScriptのimport・exportの依存関係を可視化するcode-dependencyの紹介 | himenon.github.io
JavaScript・TypeScriptのimport・exportの依存関係を可視化するcode-dependencyの紹介 追記情報 v0.5.0で.vueの拡張子もサポートするようになりました。はじめに現在のJavaScriptはexport、importによるモジュールの切り離しと結合が可能であるため。大きなプロジェクトに成長させることができます。 実装が進むにつれてファイル間の依存が複雑になっていき、実装全体の依存関係を把握するのが難しくなっていきます。これはプロジェクトに対して新しいメンバーが増えたときに、コードリーディングの時間を十分に取る必要があります。また、OSSのライブラリに貢献したいときも同様の状況が生まれるでしょう。特に後者は開発メンバーが近くにいるとも限らず、他国の方である可能性も十分に高いため開発に参加するための準備が必要になります。 このような、全体の依存関
git-sim: Visually simulate Git operations in your own repos
Coding Essentials Guidebook for Developers This book covers core coding concepts and tools. It contains chapters on computer architecture, the Internet, Command Line, HTML, CSS, JavaScript, Python, Java, SQL, Git, and more. Learn more! Decoding Git Guidebook for Developers This book dives into the initial commit of Git's C code in detail to help developers learn what makes Git tick. If you're curi
Qiita投稿記事から作る「日本のIT技術マップ」 - VDSLab Magazine vol.1｜likr
はじめにIT分野では日々新しい技術が登場しています。技術者の肌感覚として新しい技術・枯れた技術の区別は付くでしょうが、それらを俯瞰して視ることはできるのでしょうか？昨今のIT分野では、Qiita等のプラットフォームを通じてコミュニティベースでの技術情報の発信が活発に行われています。本稿では、Qiitaの投稿記事に付けられたタグの情報を利用して、過去約10年間の国内のIT技術動向を可視化した「日本のIT技術マップ」を紹介します。 「日本のIT技術マップ」「日本のIT技術マップ」は、Qiitaの投稿記事から得たタグの関係を地図テイストに可視化したものです。投稿記事は、Qiitaのサービス開始時である2011年9月から2022年12月までのものをQiita APIから取得しました。可視化方法の主要な部分は以下の論文を参考にしています。 Gansner, E. R., Hu, Y., & Kobo
Diagram as Code
Diagram as Code6 different ways to turn code into beautiful architecture diagrams
PlantUML で JSON データを簡単視覚化
最近，仕事で使うことがあってたまたま気がついたのだが， PlantUML って JSON や YAML のデータを視覚化できるんだね。 やり方は簡単。たとえば { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 28, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021-3100" }, "phoneNumbers": [ { "type": "home", "number": "212 555-1234" }, { "type": "office", "number": "646 555-4567" } ], "children": [], "spous
A Visual Guide to useEffect
Here is what happens when you try to fetch data directly from the body of a functional component in React 👇 Why does this happen and what tools does React offer to solve this problem? Side effects If your React component affects anything outside of itself, it’s called a side effect. Side effects shouldn’t happen during component render. Therefore they do not belong to the body of a functional com
GitHub Next | Visualizing a Codebase
That wasn’t terribly difficult, but it also probably took a bit of time and exploration. Can we do better? Instead of the typical folders & files view, we can create a visual representation of the code. Below, I've visualized the same repository, but instead of a directory structure, each file and folder as a circle: the circle’s color is the type of file, and the circle’s size represents the size
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Screwtape / sqlite-schema-diagram · GitLab
GitHub - jerosoler/Drawflow: Simple flow library 🖥️🖱️
[Git] Graph file count vs time
Stately - Build complex logic intelligently
Japan EQ Locator
Decoding A City In A Bottle
GitHub - lana-k/sqliteviz: Instant offline SQL-powered data visualisation in your browser
GitHub - mingrammer/diagrams: :art: Diagram as Code for prototyping cloud system architectures
