Cacoo(カクー)はWeb上で簡単にサイトマップやワイアーフレーム、UML、ネットワーク図などの図が作成できるドローツール。 複数人で同じ図を同時に編集するリアルタイムコラボレーションが行える。 運営は株式会社ヌーラボ。
概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 最近、Cacooでワイヤーフレームを描くことが多いです。 やっぱり、機能を追加実装する時とかは、本当にその路線でいいのかとか、ここにこういうUIを置いた方がUXがいいとか議論する場合は、ワイヤーフレームは必須なんだなとひしひしと感じています。 もちろん、ニーズとか要件定義とか、本当に必要な機能なのかとかは全部対応するんですが、じゃあやるかってなった時にどう実装するか？という観点になった場合に、やはりテキストだけだと限界があるので、目に見える形で作図する必要があるという感じですね。 ということで！カ…
こんにちは！Mackerel CRE の id:KGA です。Mackerel Tech Day のパネルディスカッション登壇者が決定しましたのでお知らせします！ ＼ 10/22(火)開催！モニタリング・オブザーバビリティの変遷とこれからの展望！／ 🆕 関連書籍の訳者・執筆者が集結！パネルディスカッションで迫るモニタリング・オブザーバビリティ今昔 本イベントでは、モニタリングとオブザーバビリティの実践をもとにした変遷や、これからの展望がわかるコンテンツをご用意しています。 パネルディスカッションでは、セッション登壇者の山口様(@ymotongpoo)に加え、株式会社ヘンリー 松木様(@song…
先日、チームの先輩からPlantUMLというUML図作成用プラグインを教えていただきました。 これまでかなりの時間をかけてDraw.ioで作成していましたが、このプラグインを使いだしてから圧倒的に作業時間が少なくなって感動。 テキストで書いたものがリアルタイムで反映されるため、いちいちクラス図の枠線を整えたり、ボックスの幅を幅を調整する時間が無くなったのが大きいと思っています。（特に抜け漏れを見つけたときいちいち手で修正するのが面倒だった）。 ただ、もっとUML図の作成時間を短縮し、より良いドキュメントを作成していくには、もっとドキュメントやプログラミング概念のことを知らないといけないなぁと感…
こんにちは。Mackerel CSMの id:chiznii です。 2024年9月17日で正式リリースから10周年を迎えるMackerel は、今後オブザーバビリティ分野にも力を入れ、始めやすくて奥深いオブザーバビリティプラットフォームとして進化していきます。 これからのMackerelがどのように変わっていくのか、モニタリングとオブザーバビリティの実践をもとにした変遷や、これからの展望をお話しする「Mackerel Tech Day - モニタリング・オブザーバビリティの変遷とこれからの展望！」を10月22日(火)に霞が関プラザホールにて開催します！ Mackerel Tech Day- …
仕事や日常でマネジメント（管理）スキルを身に着けたいなと思いプロジェクトマネジメントの本を読んでみました。 本屋で目につくところにあったため手に取ってみましたが全体的にIT業務に関わる話が多く役立つところもあり、IT業界特有の話もありという内容でした。 www.youtube.com www.youtube.com 著者の橋本さんはYoutubeのチャンネルもされているようです。 プロジェクトマネジメントの基本が全部わかる本 交渉・タスクマネジメント・計画立案から見積り・契約・要件定義・設計・テスト・保守改善まで 作者:橋本 将功 翔泳社 Amazon 📒 Summary + Notes | …
タムラです。 夏ですね。私は空冷一筋の硬派なので扇風機だけでなんとか今日も生きています。 しかし、ウチの子は油温120℃超えちゃいそうで心配です。 はじめに 入社したての頃の話 無情にも月日は流れ去って... 肌で感じる課題 (余談) 思いつく解決策 Nulabさんへの期待(チラッ) (例) PowerPointにCacooの図を移植する事を考えると (例) SlackにCacooの図を軽く共有したい場合を考えると (例) Confluenceに Cacooの図を埋めみたい場合を考えると まとめ はじめに とある日、普段通りCacooで作業をしていると、画面上にニュース的なポップアップでイベン…
ワイヤーフレームとは「サイトの設計図」です。 サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアントとデザインイメージを共有する場合にも必要になってきます。 各要素の高さ アートボードの大きさ：1920x3500px header:100px nav:50px content:600px col-photo:260px col-txt:340px footer:280px 各要素の余白:10px 作例 デザインルール ワイヤーの段階で色を入れないのが通常です。この時点で色を入れてし…
ワイヤーフレームとは「サイトの設計図」です。サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアントとデザインイメージを共有する場合にも必要になってきます。 各要素の高さ アートボードの大きさ：1920x3500pxheader:100pxnav:50pxcontent:600pxcol-photo:260pxcol-txt:340pxfooter:280px各要素の余白:10px 作例 デザインルール ワイヤーの段階で色を入れないのが通常です。この時点で色を入れてしまうと、ワイヤー…
IDCフロンティアのUI/UXチームです。 IDCフロンティアが提供するクラウドサービス「IDCFクラウド」では複雑なインフラ技術を直感的なユーザーインターフェースを通してお客さまに簡単に使ってもらえるように工夫しています。 IDCFクラウドの画面例 データセンターやクラウドサービスの運用となるとインフラエンジニアの方が活躍されているイメージを持たれるかもしれません。しかし、弊社にはUI開発を中心に担当するフロントエンドエンジニアも在籍しており、UI開発も自社で実施しています。 今回と次回のブログでは、IDCFクラウドのフロントエンド領域に関する業務内容をご紹介します。 具体的なイメージを持ち…
今回はNotionで使えるMermaid記法に関して書いていきます。Notion×Mermaidの記事はこれまで何度か投稿しています（詳細は以下リンクにて）。関連記事リスト Notion（Mermaid）でER図を書いてみる Notion（Mermaid）でマインドマップを書いてみる Notion（Mermaid）でフローチャートを書いてみる Notion（Mermaid）で円グラフを書いてみる Notion（Mermaid）でタイムラインを書いてみる Notion（Mermaid）でシーケンス図を書いてみる 今回は「状態遷移図」に関して書いてみます。それではサクッと本題へ。
今回はNotionで使えるMermaid記法に関して書いていきます。Notion×Mermaidの記事はこれまで何度か投稿しています。 「ER図」「マインドマップ」「フローチャート」「円グラフ」「タイムライン」の記事があります（詳細は以下リンクにて）。関連記事リスト Notion（Mermaid）でER図を書いてみる Notion（Mermaid）でマインドマップを書いてみる Notion（Mermaid）でフローチャートを書いてみる Notion（Mermaid）で円グラフを書いてみる Notion（Mermaid）でタイムラインを書いてみる 今回は「シーケンス図」に関して書いてみます。それ…
通読したので、個人的に重要と思った点及び現在の自身の状況を踏まえつつコメントを残す 1章: プロジェクトはスタートとゴールが決まってる プロジェクトは不確定要素が多い 全体感の共有が足りないとうまくいかない 関係性構築がうまくできていない。 全体を俯瞰して「優先対処が必要な課題はなにか？」に取り組む人が所謂マネージャという人。 PMが人と金、PdMが人とモノを管理するイメージ。 2章: 交渉 コミュニケーションに抵抗はないが、交渉技術はまた別の話だと思うから注意したい。 交渉って結構精神面でハードな場合が多い。 QCDバランスを取りながら調整しないといけなくてまぁ難しいよね 自分がマネジメント…
どうも、アメザリズスタッフの Neo です。 メンバーが物理的に離れた地域に住んでおり、ほぼ全てのやり取りをオンラインで完結したアイドルプロジェクト「アメザリズ」。 前回までで、Slack だけでやり取りしていたアメザリズに「Trello」と「Notion」を導入することで、タスクの可視化、決定した情報の取りまとめができるようになりました。 今回は、非テキストでのコミュニケーションに使用したツールをご紹介します。 お絵描きは正義。FigJam も使いました アイドルグループとしてどんなビジュアルにするのか、といったコンセプトを練っていく初期段階では、Trello にタスクを切るより以前の話でし…
Geeks Who Drink in Osaka！〜Tech好きが集まる福岡発イベントの大阪開催〜 nulab.connpass.com 大阪初のヌーラボのイベントです！ 昨日に引き続きR3さんへヌーラボイベント素晴らしい#GWD_Nulab pic.twitter.com/kF5FjZOnRR— おむろん (@omuron) 2024年3月22日 いきなりお食事が提供されるイベントは久しぶりでした！ 話を聞くと、関東では寿司おじさん問題もあるのでいきなり食事提供は控えることもあるようですが、それ以外のところではその被害は及んでないとのことでした。 セッション ZigでWasmのSpecの壁を…
この記事を読んでほしい方 きっかけ 準備 メンバー全員が参加できる時間の確保 ふりかえりのフォーマット ルール ふりかえりをふりかえる アンケート結果 ふりかえりのカイゼン 総評 ふりかえりの今後 小ネタ まとめ 組織で定期的なふりかえりを約半年間行ったので、実施のプロセスと成果をご紹介します。 この記事を読んでほしい方 この記事は以下のような方々にぜひ読んでいただいて、ふりかえりによる効果を知ってほしいと思います。 組織やチームでの成長と改善に興味がある 業務の効率化やチームビルディングを図りたい 組織内のコミュニケーションを活性化させたい チームメンバーのエンゲージメントを高めたい きっか…
ワイヤーフレームとは「サイトの設計図」です。 サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアントとデザインイメージを共有する場合にも必要になってきます。 またワイヤーフレームはレイアウトの確認をする為のものなので、この時点ではデザイン情報（色やフォントの種類）は指定せずに枠のみを作っていきます。 各要素の高さ アートボードの大きさ：1366x2700px header:100px nav:50px content:600px(x4) footer:280px 各要素の余白:10…
nulab.com
japan.cnet.com
cacoo.com
www.lifehacker.jp
nulab.com
nulab.com
cacoo.com
cacoo.com
cacoo.com
