[B! ツール] syo-sa19820615のブックマーク

Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット基本知識と基本操作実装するために使うデザインシステムについてそのほか便利な機能さいごにエンジニアがFigmaを触れ

syo-sa19820615 2021/10/15

リンク

"デザインシステム"の過度な一般化とその対応について - Continuity is The Father of Success

デザインシステムという単語が、曖昧に、広い意味で使われているように感じるこの頃。デザインシステムについて見聞きすることが増えてきました。かくいう自分も、デザインシステムに関してブログを書いたり、参考にしたりしています。モバイルアプリ業界に、デザインシステム導入や検討の流れが来ているようです。ただ、デザインシステムの議論には話の筋がとっ散らかっているという印象が拭えません。﹁デザインシステムで解決したいこと﹂や﹁デザインシステム導入のコスト﹂、そ﹁デザインシステムを誰が管理するか﹂あたりが、特に雑多な印象です。デザインシステムとはナニで、どう適用されるモノなのか。そして、特に起きがちなデザインシステムの過度な一般化について、扱ってみます。デザインシステムの過度な一般化試みたいことデザインシステムのカバー範囲の分解 Level 0 Level 1 Level 2(広義のデザ

syo-sa19820615 2021/09/24

リンク

なぜ業務で LINE を使ってはいけないのか｜rotomx

はじめに LINE はユーザー数が 8,400万人、日本人口の約7割が利用しているという巨大なチャットツールです。メールや電話より手軽にコミュニケーションが取れることから、業務連絡にも LINE を使っている会社も多く存在します。操作性・利便性が高い一方で、LINE を業務利用することは﹁シャドーIT﹂という状態にあたり、情報セキュリティ上のリスクを抱えています。この note では会社が LINE を業務利用してはいけない理由について解説します。ユーザー数の多い LINE を例として挙げていますが、これは会社で管理ができないツール全般に置き換えることが可能です。シャドーIT全般に対するリスクであり、LINE 自体の危険性を指摘するものではありません。シャドーIT とは会社には多くの社内ITツールがあります。例えば Microsoft 365︵Word、Excel、PowerPo

syo-sa19820615 2020/09/06

リンク

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs

フローチャート ※依存関係・フローチャートはJavaScriptのみです。対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモデモでは、JavaScriptのコードでその動作を確認できます。デモページ依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方セットアップ codecrumbをインストールします︵yarn global add codecrumbs︶。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト

syo-sa19820615 2019/02/25

ツール

リンク

エンジニアを魅了する次世代 BI ツール『Looker』を Quipper が導入した理由（わけ） - スタディサプリ Product Team Blog

こんにちは、データグループのマネージャーをやっています beniyama と申します。先の記事﹃プロダクトの﹁負債﹂を﹁機能﹂と呼び直す〜A/Bテストを用いた"価値"の定量化〜﹄でも触れられていますが、データグループではデータ分析基盤の構築︵参考資料︶からデータ分析、あるいは学習データを活用した研究開発までスタディサプリのデータに関わることほとんど全てを担当しています。プロダクトや事業 KPI の社内向けモニタリング環境の構築・整備も行なっているのですが、今回、既存の環境を刷新して Looker というまだ日本ではほとんど無名？のツールを導入することにしましたのでその経緯をお話ししつつ、今後国内でもユーザーが増えていくといいなという願いを込めて1エンジニアとして興奮したポイントを書き連ねていこうと思います。最初の1年間は DOMO を導入して運用スタディサプリではもともと各種K

syo-sa19820615 2018/06/05

リンク

Slackを使って、生活も仕事もハッピーにするためにやっていること｜Minako Masubuchi / Artist

すると様々な方からリアクションをもらえたので、この内容について詳しく書こうと思いました。読んでいただいた方の何かのヒントになったら嬉しいです。さらに、生活の工夫がなぜ必要なのかについて、自分なりに考えてみたかったのです。自分ひとりのSlackワークスペースを持っていますわたしはフリーランスで働く上で、現状、誰かとチームのような体制で働いてはいないので、自分の仕事環境を気軽に変えてみることが多いです。会社など一緒に働いている人が他にもいる場合、たとえば﹁これは仕事効率化に良さそうだ！﹂というツールが出ても、導入するかどうか検討したり導入するのが大変です。気楽に手法を変えられるのはひとりで働くメリットのひとつだと思っています。自分ひとりのSlackワークスペースを作ったのも、SNSでそうしている方を見つけ、便利に使えるかもしれないと思ったからでした。最初に作ったチャンネルは、確かこのあた

syo-sa19820615 2018/04/24

リンク

マンションの大規模修繕で取り回しやってたら、何故かslackで業者さんの業務改善までやることになってたでござるの巻

ホーム > マンションの大規模修繕で取り回しやってたら、何故かslackで業者さんの業務改善までやることになってたでござるの巻ぶち大変でした。しんざきが住んでいるマンションでは、住人持ち回りで管理組合の役員が回ってきます。実は先日まで、しんざきは管理組合の理事長でした。それ自体は順番なのでしょうがないんですが、運が悪いことにたまたま大規模修繕実施の年であり、しんざきは色々な調整やら手配やらをすることになりました。マンションの大規模修繕というのは、十年くらいに一度、壁の塗り直しやら傷んだ建物の修繕やらをやる作業です。数百万から数千万くらいの結構な費用がかかる話で、日ごろ住民が納めている管理費用の中から、大規模修繕費用というものを積み立てています。大きなお金が動く話ですので、色々な人が色々な希望を持ちますし、業者との折衝もしなくてはいけないですし、家庭によって熱意は違いますし、納

syo-sa19820615 2017/11/20

リンク

すべてがポモドーロになる - みんからきりまで

ミーハーなので最近流行りのSOFT SKILLSを読んでたらポモドーロ・テクニックはいいぞと書かれていた。ちょうどその頃3ヶ月も休暇を取ったにも関わらずどんどん生活が自堕落になって困っていたしリモートの仕事が始まったりもするのでさっそく試してみた。やりかた SOFT SKILLSに習ってKanbanFlowを使ってる。 kanbanflow.com このツールはポモドーロタイマーが付いたかんばんボードで、TODOリスト兼ポモドーロタイマーとして利用し始めた。(かんばんについてはあまりよく知らない) 上の画像みたいな感じで今日やる事、今週やる事、来週以降にやる事、毎日やる事みたいな感じで分けて家で行うあらゆるタスクを書き出してる。最初はもっと細かく分けてたんだけど全然使いこなせなかったので今の形になった。各タスクには必ずどのくらい時間が掛かるのかを入力するようにしてる。あとはポモド

syo-sa19820615 2017/05/15

リンク

開発フローで見る 現場を支えるツールたち/devtools-20170414

「明日の開発カンファレンス 2017」 https://fod.connpass.com/event/52522/ #asucon

syo-sa19820615 2017/04/18

リンク

コマンドラインで入力ミスった時に、「fuck」と打ち込めば自動修正してくれるツールがスゴイ！

コマンドラインで作業をしていると、タイプミスや誤入力でエラーが表示されて﹁イラッ﹂とした経験を持つ方もいるかと思います。こんな時、海外ならば﹁Fuck!(クソッ)﹂という汚い言葉使いになってしまうでしょう…。ところが、それを逆手にとって﹁fuck﹂とそのまま入力するだけで、誤ったコマンドを自動修正して再実行してくれる便利ツール﹁The Fuck﹂が公開されていたのでご紹介！使い方！一体どのように使うのか、いくつか事例が掲載されているので見ていきましょう。例えば、何らかのツールをインストールしようとして、管理者権限﹁sudo﹂を付け忘れてエラー…、みたいなよくあるパターン。 $ apt-get install vim E: Could not open lock file /var/lib/dpkg/lock - open (13: Permission denied) E: Una

syo-sa19820615 2016/11/04

リンク

作図系ツール・ライブラリまとめ

diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能ブロック図、クラス図、ネットワーク図など PNG, SVGなど出力可能形式一覧 JavaScript︵Emscripten︶版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力なんとワイヤーフレームも作れる。アイコンとかも入れられる。オ

syo-sa19820615 2015/10/25

リンク

astah* community - 無償UMLモデリングツール

2018年9月26日をもちましてastah* communityの提供を終了いたしました。今後とも、皆様に愛されるastah*をご提供できますよう、より一層の製品の向上に取り組んでまいりますので引き続きご愛用くださいますようよろしくお願い致します。 2018年9月 astah* チーム

syo-sa19820615 2012/04/25

リンク

最強のパスワード管理ツール5選！ | ライフハッカー・ジャパン

ネット中心に発展していく世界において、増え続けるのがパスワードと呼ばれる文字の羅列ですが、簡単すぎてもセキュリティが危ういし、難しすぎると忘れてしまうし、となかなか良いバランスを見つけ出すのが大変です。今回は、パスワード管理のお手伝いをしてくれる便利なパスワード管理ツールを5つほどご紹介！全てのアカウントなどに同じパスワードを使うと確かに楽ですが、これは危険極まりない行為です。逆に、全てのアカウントのパスワードを違うもの、かつ強力なものにしてしまうと、常人の頭脳ではとても覚えきれる数ではないかと。パスワード管理ツールとは﹁少ないパスワードの使い回し﹂と﹁自分でも覚えられない複雑すぎるパスワード﹂の絶妙なバランスを保つことを目的としてこの世に誕生したツールなのです。下記の5つのツールは強力なパスワードを設定し、かつ、それらを管理する、という正義の味方のようなツールです。 ■KeePass

syo-sa19820615 2010/05/17

リンク

ウィルス感染したPCをきれいにしてくれる『AVG Rescue CD』 | ライフハッカー・ジャパン

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

syo-sa19820615 2010/04/02

リンク

DB設計の神ツール「ERMaster」なら、ここまでできる

DB設計の神ツール﹁ERMaster﹂なら、ここまでできる‥ユカイ、ツーカイ、カイハツ環境！︵11︶︵1/3 ページ︶無料のEclipseプラグイン﹁ERMaster﹂とはデータベースのテーブル設計を行うときに皆さんは、どのようにしているでしょうか？いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近﹁ERMaster﹂と呼ばれるEclipseプラグインの存在を知りました。 ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI︵ユーザーインターフェイス︶に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。 ERMasterの主な特徴、8つ ERMasterには、主に次のような特徴があります。︻1︼直感的で使いや

syo-sa19820615 2010/01/22

リンク

.htaccess ファイルを簡単作成「.htaccess Editor」

リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:

syo-sa19820615 2009/12/01

htaccess

リンク

Flickr関連のアプリを一堂に集めた「The App Garden」 | ライフハッカー・ジャパン

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

syo-sa19820615 2009/11/09

リンク

【レビュー】入れておきたいFirefoxアドオン - ジャンル別リスト「翻訳/辞書編」 | パソコン | マイコミジャーナル

入れておきたいFirefoxアドオン　-　ジャンル別リスト「マウスジェスチャー編」入れておきたいFirefoxアドオン - ジャンル別リスト「検索編」入れておきたいFirefoxアドオン - ジャンル別リスト「Webスクラップ編」入れておきたいFirefoxアドオン - ジャンル別リスト「タブ拡張編」入れておきたいFirefoxアドオン - ジャンル別リスト「Gmail編」入れておきたいFirefoxアドオン - ジャンル別リスト「ブックマーク編」入れておきたいFirefoxアドオン-ジャンル別リスト「各種サイト用ツールバー」入れておきたいFirefoxアドオン - ジャンル別リスト「RSSリーダー編」入れておきたいFirefoxアドオン - ジャンル別リスト「Google編」日本語サイトに知りたい情報が見つからない場合、海外サイトを閲覧することもあ