Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
Font Awesome 使い方 【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、技術広報のyayawowoです。 Webサイトやブログを作成する際に 「TwitterやFacebookなどのアイコンを表示させたい・・・」 「ここに矢印のアイコンがあれば読みやすいのに・・・」 と思う方がいるのではないのでしょうか？ そんな際にとても便利なのが、" Font Awesome "です！ 本記事では、Font Awesomeの基本知識や使い方だけでなく、カスタマイズ事例も交えてご紹介します。 ※ 利用バージョンについて 2022年1月現在、Font Awesome 6のベータ版が公開されています。 Font Awesome 5も継続して利用可能であり、アイコンの種類もほぼ変わらないことから、 今回はFont Awesome 5を使ってご紹介します。 【 目次 】 Font Awesomeとは？ Font Awesomeの事前準備 アカウント作成 サーバーにアップロ
ユビキタス言語について - Qiita
こちら2つを読んで ユビキタス言語とは ソフトウェア開発チーム全体で作り上げる共有言語 ドメインのユーザーが使う用語とプログラムを構成する用語を一致させた言葉 プロダクトオーナー、開発者間のコミニュケーションを円滑にするためのようなもの ユビキタスとは 「満遍なく」とか「どこにでもある」という意味 ユビキタス言語の考え方 その業務自体が、どのような考えでどのように動くのか プロジェクトにとっての最善の用語か ユビキタス言語における変更は、モデルに対する変更である ドメインエキスパートは用語や理解を伝えるために適切かどうかに、開発者は設計を妨害する不整合さがないかどうかに着目すべき ユビキタス言語のスコープ チーム。チームによって話されて、チームが開発する単一のドメインモデルで表現される 「業界全体で」とか「全社的に」あるいは「世界中で」共通なドメイン言語を想定したものではない(ユニバーサル
5年間 Laravel を使って辿り着いた，全然頑張らない「なんちゃってクリーンアーキテクチャ」という落としどころ
この記事は Laravel Advent Calendar 2020 - Qiita 最終日の記事です。 TL;DR DDD や "真の" クリーンアーキテクチャは， Web 業界における大抵の現場ではオーバースペックだし，導入しても全員がついてこれるとは限らない app/UseCases ディレクトリだけ切って，ドメインごとに単一責務なクラスを置くと使いやすいよ ActiveRecord 指向のフレームワークで Repository パターンを無理に導入すると死ぬので， UseCase で Eloquent Model の機能を使うことを恐れるな はじめに Zenn では初投稿です。日本の Laravel コミュニティではもうお馴染みのようで実はあまり顔を出していない（？） @mpyw と申します。オンラインサロンの火付け役となった Synapse が最初の仕事でしたが，就職後すぐ会社が
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
30 Seconds Drawing
About Thirty Seconds DrawingThis is a tool for practicing drawing that displays random poses at regular intervals. In 2005, posemaniacs.com was the first in the world to make it available on the web, and it has since spread to a variety of sites. How to useDecide on the number of seconds and other settings, and press the Start button. The poses will change one after another with a countdown, so dr
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
asahi.com（朝日新聞社）：瞬時に折りたためる幾何学立体 たった３つの部品 - 社会
折りたたみ式の構造キットで作った立体と、開発者の阿竹克人さん＝日進市折戸町部品が折りたたまれ、束の状態部品を広げるとふくらんでいく全開し、幾何学立体が生まれた状態 ３種類の部品を組み合わせるだけで、折りたたんだり、展開したりできる幾何学立体構造のキットを名古屋市天白区の建築家阿竹（あたけ）克人さん（５６）が開発した。知的玩具として市科学館などで発売中だ。阿竹さんは「応用すれば、災害用テントやボート、宇宙施設に使える」と未知の可能性を夢見ている。 この構造体を構成する三つの部品は、側面に１３の穴が開いた長さ１２センチの棒と、つなぎ目の留め具２種類。穴を使って棒同士を交差させる。 ９４年に国際特許を出願。類似品と異なるのは、ほかの発明家の構造体の多くが棒と棒をつなぐ留め具が固定されているのに対し、阿竹さんのものは棒の端同士の接合部分に自由度の高い蝶番（ちょうつがい）を採用し、３種類の部品
木製ボディでナチュラルな美しさを手に入れたベスパ
ドラマ「探偵物語」の主人公・工藤俊作やアニメ「銀魂」の主人公・坂田銀時なども乗っていて、独特なデザインで人気のあるスクーター・ベスパ。そのベスパのボディをハンドメイドで製作して、木製にしてしまった人がいるようです。 詳細は以下から。 Carpintaria Carlos Alberto 設計図。 図面通りに木を加工。 手作りで仕上げていきます。 様々な木製パーツ。 組み上げて木製ベスパ完成。 ナチュラルな暖かみを感じるデザインです。 ハンドルやブレーキバーも木製。 荷台も木製。 さすがに中身はそのままです。 ちゃんと走行可能な模様。
エンジニア的発想は危険な気がしている - 矢野勉のはてな日記
雑談「エンジニア主導で作ると、動いたところで満足してしまう。『ちゃんと動いているから、あとは使う人が分かってくれるだろう』と、考えをストップするところがあった。本当は、動いたものを説明して分かってもらい、使ってもらうところまで来てやっと完成なのに」近藤社長「未熟だったと思う」 はてなが目指す“脱IT系” (1/2) - ITmedia News なんかね、私がコンピュータにはまったときに理想とされていたことから比べると、それでもまだ足りないと思っちゃったんです。 自分ができているかどうかは棚に上げて、理想とするところを考えてみる。目標がどこにあるかっていうのはすごく大事なことだと思うし、上記の発言は目標を吐露したものだと思うので。 私はMac OS Xが生まれる前の、漢字Talk 7とか作ってた頃のAppleの、Macintoshを買ってコンピュータの世界に没入しました。そのころのコンピ
プログラミング向けフォント３２選 [K'conf]
Monaco のリンク先を、フォントファイルから http://www.gringod.com/2006/11/01/new-version-of-monaco-font/ に変えられたようですが… リンク先に “I’m not sure how the new version differs but I’m told its from a new Mac Book Pro.” と書かれているとおり、そこで配布されているフォントは Mac から取り出したものです。 フォントファイルはプログラムとみすことができ、その場合これは著作権による保護の対象となります。また、Mac から取りだしたフォントファイルを配布するという行為は、Mac OS X のソフトウェア使用許諾契約に違反しています。 というわけで、Monaco の配布記事にリンクするのはいろいろとマズイんではないかと思うわけですが、いか
![プログラミング向けフォント３２選 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2435916bdee1550d551c2ee50ba6a2764be3c7ad/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fblog%2F2008-10-13%2FAndaleMono11_t_mx.png)
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
Pose Maniacs: 30秒ドローイング
ユーザーのみなさま。 サーバー過負荷により、サイトを移転いたしました。 それに伴い、サイト構造が変化しました お手数をおかけいたしますが、こちらからご覧くださいませ。
「はてなダイアリーに女性向けのかわいいデザインが無い」とか言われるけど、公開デザイン+テーマ1268個を全部チェックしたオレが全力でかわいいデザインを薦めるよ - 聴く耳を持たない(
先日のメールマガジン週刊はてなで ♪れいこん(id:reikon)のはてなピックアップ その169♪ 「女性向けのデザインが少ない！」「もっとお洒落にブログを飾りたい！」 はてなダイアリーのデザインについて、しばしばそんなご意見をいただきます。 どうやらトップページをはじめとするサイト全体の色合いがブルーが多く、 ちょっとコンサバなデザインであることも手伝って、女性の方は物足りない、 と思われることが多いみたいです。 週刊はてな バックナンバー と書かれていましたが、「はてなダイアリーには女性向けのデザインが少ない」とか、または「かわいいデザインが無い」という意見をよく見ることがあります。 しかし！ でも、でも・・それは大きな誤解です！ 週刊はてな バックナンバー と id:reikonさんも仰っているように、あんまり目に付かなかったり探し難かったりするかもかもしれませんが、はてなダイアリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React の Component 設計と Atomic Design
Icons | Font Awesome
【閲覧注意だよ！】モンスター画像スレ カナ速
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集