User flow diagramming tool for design teams | OverflowHow it WorksGet started with an overview of a typical workflow in Overflow.
🏆 The Top 50 Developer Tools of 2019 | StackShare
It’s that time of the year again! 🥁 The 6th Annual StackShare Awards have arrived! 🎉 Check out the 2018 awards if you missed it This year, we did things a bit differently. First, we lied. This isn't the Top 50 Developer Tools. We've actually outlined the Top 140 tools of 2019 😱 We analyzed over four million data points shared by you- the StackShare community- to bring you these rankings 🤯 Base
TM - WebTools
このサイトでは簡単に使える便利なウェブツールを公開しています。うまく使うことでWeb開発や日々の作業を効率化することができます。
最近、httpstat なるものが流行っているらしい - tellme.tokyo
github.com おそらく先行実装は python で書かれたこれです。 curl にはウェブサイトの応答時間を計測する機能が搭載されており、このツールではそれを利用して出力結果をグラフィカルに表示させています。単なる curl のラッパーのようなツールなのですが、見た目がリッチになるのに加えて、単一ファイルで実行でき python のバージョンに影響されないような工夫がされているのが、受けているポイントのような気がします。 このツールを見たとき「Go で書いてみるの良さそう！（この手のツールで単一バイナリになるのは嬉しいですよね）」と思い、休憩時間やお昼休みなどにちまちま書いていたら、二日前に先を越されてしまいました（そりゃそうですよね。なんでもスピードが大事だと痛感）。 github.com また、ついこの間まで 800 Stars くらいだったのですが、ここ1週間で爆発的に伸びて
Web制作に必須！PNG画像を簡単に圧縮できるサイト・ソフト８選
Webデザインにおけるデザインは当然重要ですが、これと同時に「画像の容量をいかに減らせるか」ということも大切なポイントです。容量が大きいとページの表示速度が遅くなり、ユーザーのイライラの原因になってしまいます。 特に透過色を使用できて、可逆圧縮形式の便利なPNG画像などは、どうしてもファイルサイズが大きくなってしまうのが難点です。 今回は容量が大きくなりやすいPNG画像の圧縮を中心に便利なサイトやアプリケーションを紹介します。JPGやGIFなどの他形式から変換するような機能が付いているものも多いので、併せて確認してみるといいでしょう。 PNG画像を圧縮できるWebサービス Optimizilla
Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介
ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な
CSV・TSVファイルでSQLを利用する「q」コマンド | 俺的備忘録 〜なんかいろいろ〜
CSVやTSVのデータを扱っていると、大容量になるとcatなんかでは抽出するのは辛くなってくる。 かと言って、grepで行抽出、awkで列指定しての行抽出となると毎回はちょっとつらいし、複数人にそれをやらせるとブーイングが来そうだ。DBにインポートすればよいのだろうが、それも面倒くさい。。。jsonであればjqコマンドを使えば良いのだけど、そうも言ってられないし、わざわざjson形式に切り替えるのも面倒くさい。 そんな時に使えそうなのが、csvファイルに対してSELECT文などを利用できるコマンド「q」コマンドだ。 これならSQL使えれば簡単に扱えるし、DBも必要なさそう。 1.インストール インストールは簡単で、こちらを参考に各OSに合わせてバイナリをインストールするだけだ。 今回はCentOS 7でインストールしてみる。 curl -s http://harelba.github.io
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
SVGを使いこなすための便利ツールいろいろ
2015年1月28日 SVG, 便利ツール SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや？という方は、過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
Markdown風テキストでダイアグラムが描けるWebツール - Qiita
MarkDownDiagram Markdown風のテキストで、ER図やブロックダイアグラムのようなチャートを描けるツールです。 こちらにインスパイアされて、もうちょっと汎用的にダイアグラムを描けるツールを作りました。 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った 特徴としては Webブラウザのみでローカルで動作 配置はマウスでドラッグして編集できる CSSで色や装飾を制御可能 といったあたりです。 githubからclone/ダウンロードして使えます。 オンラインで試すのはこちらでどうぞ。 ローカルでブラウザのみで動作します。index.htmlをブラウザで開いてください。 Chrome推奨ですが、Safari,Firefoxでも動作します。タッチIFは未対応。 機能 テキストでブロックを記述し、ブロック間を線で繋ぐ描画 ブロックをマウ
draw.ioが便利ですよ - blog.beaglesoft.net
Google ChromeのExtensitonにも登場していますが、draw.ioがとても便利です。 JavaScript Diagramming このサービスは、Cacoo（カクー）: アイデアを今すぐこのキャンバスにのようなサービスで、システムに関するお絵かきを手軽に無料で行えるサービスです。 私は以前はCacooを利用していたのですが、それほど利用頻度は多くないけど、そこそこに絵を描くことが多いため有料プランを利用していました。ただ、それほど利用する頻度が高くないのでちょっと料金がお高く感じられたこともあって、こちらのdraw.ioに引っ越ししました。 一通りほしいと感じるものはそろっています。フォームを書いてみたり、ネットワーク図を書いてみたり、AWSのアイコンを利用できたりします。 ただ、アクターのアイコンやフォルダなどは少しぎこちない感じもします。 利用したことはありませんが
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選
【初心者向け】Web開発をするなら絶対入れておきたいChrome拡張機能11選 Web開発に便利なChrome拡張機能を紹介しています。現役エンジニアはもちろん、非エンジニアでもWeb開発に興味がある人は入れておくと非常に便利に感じるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 これからエンジニアを目指す人や、普段はディレクターとして働いている人向けにWeb開発で便利なChrome拡張機能をまとめています。 エンジニアやデザイ
Clairvoyance - CSSカバレッジツール
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトの運営を続けていると、徐々にスタイルシートが汚くなっていきます。使われているか使われていないかの判断がしづらいので、消せずに追加するのみだからです。 プログラミング言語であればコードカバレッジによってコードの利用状況が確認できます。そこで同じような仕組みであるClairvoyanceを使ってみましょう。 Clairvoyanceの使い方 Clairvoyanceを実行します。 $ clairvoyance --css path/app.css --html path/index.html --reporter clairvoyance-html HTMLとCSSファイルを指定して実行すると、結果のHTMLファイルが生成されます。 レポートです。使われているクラスは緑色に
プロジェクト管理ツール・Asana（アサナ）の使い方まとめ。SlackやGoogleカレンダーとも連携OK、ガントチャートも作れて便利！ | THE BAKE MAGAZINE
・シンプルで、何がどこにあるのか迷わないデザイン ・タイムライン形式ではなくタスクごとにコメントがつくので、後から探しやすい ・プロジェクトを横断して自分に割り当てられたタスク一覧を表示できる ・他の人のタスクも見れるため、チームのタスク可視化ができる ・「Conversation」機能で、気になる話題も簡単に共有できる ・マルチデバイス（Web,iOS,Android）に対応していて、外でもチェックできる ・ポップな色遣いで、使っていて楽しい 「タスクごとにコミュニケーションやファイル共有ができるから、どこに何があるのかわからなくならない！」 などなど。最初は15名まで無料招待できるのでマーケ部で使い始めましたが、すぐに全社導入することになりました。 雰囲気は、こちらの動画でつかんでもらえるかと思います！ リニューアルを経て使いやすくなった「Asana」とは？ 「Asana」は、Face
q - Text as Data
q - Run SQL directly on CSV or TSV files¶ Overview¶ q's purpose is to bring SQL expressive power to the Linux command line by providing easy access to text as actual data, and allowing direct access to multi-file sqlite3 databases. q <flags> <sql-query> q allows the following: Performing SQL-like statements directly on tabular text data, auto-caching the data in order to accelerate additional quer
Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Conver JSON to CSV
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
Prott - Prototyping tool for Web iOS Android apps
指定したサイトのCSSを徹底的に解析してくれるサイト「CSS Stats」 | ライフハッカー・ジャパン
