もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
【社内資料公開】運用手順書を作る時のポイントについて書いてみた | DevelopersIO
はじめに こんにちは植木和樹＠上越妙高オフィスです。本日は私がここ10年くらい意識している運用手順書を書くときのポイントについてまとめてみました。 対象読者 開発・構築したシステムを別の人に引き継ぐ予定のある人 他の人が作ったシステムを引き継ぐ担当の人 半年後の自分でも分かる手順書の書き方に困っている人 （この記事を読むのにかかる時間の目安：5分） 1. ドキュメントの冒頭に書くこと まず個々の詳細手順の前に、ドキュメント自体について記載してもらいたいことです。 1.1. ドキュメントに書かれていることを3行で書く ドキュメントの最初には、このドキュメントに何が書かれているのかを100文字くらいで書いておくと良いでしょう。 システムが増えれば増えるほど手順書も増えていくものです。見つけたドキュメントに自分の期待するものが書かれているのか、冒頭数行でわかるようになっているとうれしいです。 1
ガントチャートはなぜプロジェクトで使えないのか - 誰も教えてくれないプロマネのコツ
今やあらゆる場面で必要とされるプロジェクトのノウハウを、300件以上成功させてきたプロフェッショナルがこっそりお伝えします。 「プロジェクトを計画しよう！」という話になった時、ガントチャートはよく利用されます。しかし、実際に現場でそれがツールとして「使える」かというと、使えなかったりします。 それはなぜなのか、そしてその対策はどうすればいいかをお伝えします。 目次 そもそもガントチャートとは何か？ ガントチャートあるある ガントチャートが現場で使えない理由①：実工数を無視した〆切になりやすい ガントチャートが現場で使えない理由②：タスクの相互依存関係が見えない ガントチャートが現場で使えない理由③：納期に頼ると「学生症候群」と戦うことになる 対策としてのクリティカルパスマネジメント ただ1点だけ問題が… そもそもガントチャートとは何か？ 「プロジェクト計画と言えばガントチャート」と連想され
プログラマーたちが使った開発ツール2016年トップ50のランキング「Top 50 Developer Tools of 2016」をStackShareが発表 - GIGAZINE
人気のサービスの製作ツールを公開するStackShareが、2016年に開発者が使ったツールランキングを発表しています。各種ランキングを見るとウェブ開発ツールの流行を理解できます。 The Top 50 Developer Tools of 2016 | StackShare https://stackshare.io/posts/top-developer-tools-2016 ◆アプリケーション＆データ用ツール 1：JavaScript 2：Bootstrap 3：Node.js 4：nginx 5：AngularJS 6：PHP 7：Python 8：jQuery 9：HTML5 10：React StackShareが算出するアプリケーション＆データ用ツールの人気スコアは以下の通り。StackShareによると2016年は「フロントエンドの年」で、トップ10のうち6つをフロントエン
Webアプリの脆弱性調査ツール、脆弱性学習ソフトなど
ラック ITプロフェッショナル統括本部 ESS事業部 システムアセスメント部 担当部長。入社以来、ユーザー企業などのセキュリティ診断を手掛ける。最近飼い始めたフェレットと前からいる愛しの猫とのけんかに悩まされている。 セキュリティ技術者の山崎 圭吾さんがオススメするフリーソフトは、セキュリティチェックに使う「OWASP Zed Attack Proxy（ZAP）」とセキュリティの学習に使う「AppGoat」、Windows上でLinuxコマンドによる操作を可能にする「Cygwin」の三つ。最初の二つは、企業のセキュリティ担当者やシステム開発者が、セキュリティを学習するための入門ツールとしてぴったりだ。 OWASP ZAPは、Webアプリケーションの脆弱性を調べられるソフト。通信の中身を確認したり止めたりする「プロキシー」と、Webサイト内のコンテンツをリストアップする「スパイダー」、セキュ
OblyTile--オールフリーソフト--
OblyTileはWindowsストアアプリ(モダンアプリ)スタイルのショートカットを作成 することができるソフトです。 機能・特徴 ・Windowsストアアプリ(モダンアプリ)スタイルのショートカットを作成することが できます。 ・Windows 8のスタート画面にWindowsストアアプリスタイルのショートカットを 作成します。 ・パソコンにインストールされているアプリケーションやシステム機能(再起動、 シャットダウン、コントロールパネル、コンピューター、タスクマネージャ、 レジストリエディタなど)、Windowsストアアプリ(モダンアプリ)、URLなどの ショートカットを、Windowsストアアプリ(モダンアプリ)スタイルで作成する ことができます。 ・デフォルトのタイル ・Windowsストアアプリスタイル ・タイルの色や文字色は自由にカスタマイズすることができます。 ・Windo
丸裸にしてやれ!ライバルサイトを5分で分析する方法と無料SEOツール
こんなこと気になりませんか？ 「自分以外のサイトがどうやって検索結果上位表示に成功しているのか？ネットで儲けているのか？」 今回はそれを知るための方法とSEOツールを紹介します！ ネット上は激戦です。でも、勝ち目がないところでの勝負を避け、弱点だけを攻められれば勝利は間違いありません。ライバルサイトが何を武器にし持ち、どこが弱点なのか、ライバルサイトを丸裸にしてやりましょう！！！ その手順は以下の通りです。ツールの使い方も含めて説明します。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 💬 𝕏（twitter）はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
ブラウザで正規表現のお勉強ができる『Scriptular』 | 100SHIKI
よくあるツールではあるが、最近正規表現を勉強しなおしたのでご紹介。 Scriptularでは、インタラクティブに正規表現を試すことができるようだ。 エンジンとして使っているのはJavaScriptのようだ。クライアントサイドだけで試せるのでさくさく動いていい感じだ。 また右横にはリファレンス的に説明もあるのでいちいちどこかを検索する必要もない。 そろそろ正規表現を・・・という方は試してみてはいかがすかね。
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進
WEBアプリ開発に便利な機能＆負荷テストツール集:phpspot開発日誌
15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能＆負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F
Mozilla Japan - Firefox 用アドオン - Live HTTP Headers
評価開発元作者: Daniel Savard, Nikolas Coukoumaダウンロード数週間ダウンロード数: 364カテゴリ開発者向けツール HTTP ヘッダを確認できます。「ページ情報」ウィンドウに現在開いているページのヘッダ情報が表示されるほか、ツールメニューから辿れる独自画面では、ファイル読み込み時のヘッダがリアルタイムで表示されます。 対応バージョン Firefox 0.8 - 3.0.* 詳しい説明 View HTTP headers of a page and while browsing. 詳細 作者のコメント、バージョン履歴、サポート情報などは以下のリンク先をご覧ください。(外部サイトへ遷移します) https://addons.mozilla.org/ja/firefox/addon/3829
Mozilla Japan - Firefox 用アドオン - Web Developer
Web Developer 1.1.8 評価開発元作者: Chris Pederickダウンロード数週間ダウンロード数: 634共有ソーシャルブックマーク: カテゴリ開発者向けツール | ページの情報 様々な Web 開発ツールを統合したツールバーです。例えば、CSS や JavaScript を無効化した状態で Web ページがどのように表示されるかを確認したり、フォーム、画像、その他あらゆる要素に関する情報を表示することができます。グリッド表示、要素の枠線表示、ウィンドウサイズの変更といった便利な機能も備えています。 対応バージョン Firefox 1.0 - 3.5.* 詳しい説明 The Web Developer extension adds a menu and a toolbar with various web developer tools. 詳細 作者のコメント、バージ
Mozilla Japan - Firefox 用アドオン - JSView
外部ファイルとして読み込まれている CSS と JavaScript のソースコードを表示するメニューを追加します。「ページの情報」ウィンドウからも参照できます。 対応バージョン Firefox 2.0 - 3.2a1pre 詳しい説明 All browsers include a "View Source" option, but none of them offer the ability to view the source code of external files. Most websites store their javascripts and style sheets in external files and then link to them within a web page's source code. Previously if you wanted to vi
Mozilla Japan - Firefox 用アドオン - Firebug
ダウンロード ワンクリックで使える豊富な Web 開発ツールを Firefox に統合します。Web ページの HTML、CSS、JavaScript、Ajax をリアルタイムに編集、デバッグ、監視できます。 対応バージョン Firefox 2.0 - 3.0.* 詳しい説明 Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 詳細 作者のコメント、バージョン履歴、サポート情報などは以下のリンク先をご覧ください。(外部サイトへ遷移します) https://addons.mozilla.org/ja/firefox/addon/1843
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
插插插进去综合网_国产精品偷伦视频观看免费_牛人国产偷窥女洗浴在线观看_综合色区偷拍
Loading...
ソニック速報
「Redmineでスクラム実践！」～アジャイル開発始めました～
http://designaholic.cc/2012/03/web1support-detail.html
