エンジニアのための無料で使えるドローイングツールまとめ | DevelopersIO
今回は、ローチャート、UML、システム構成図、などなどなど、 エンジニアがよく使いそうな図を書くためのツールを紹介したいと思います。 無料でMac/Windowsの両OSで使えるという条件でチョイスしてみました。 (あ、タイトルには「エンジニアのための」と書きましたが、今回紹介するのは別にエンジニア専用のツールではないです（念の為）) 汎用的 とりあえず、色々な図が書けそうなツール Cacoo 【URL】 https://cacoo.com 【特徴】 無料版では25シートまで 無料版での書き出しはPNGのみ だいたい何でも書ける 複数人でチャットしながら1つの図を作成出来る 【メモ】 特に有料版は高機能だと思う 会社で有料アカウントに入っているのであれば、このツールを使う選択肢で良いと思う draw.io 【URL】 https://www.draw.io/ 【特徴】 とりあえず会員登録し
ソフト・ファイル・フォルダなどをまとめて検索・即起動できる無料のWindows用ランチャーソフト「Wox」
ファイルやフォルダを探すときはエクスプローラー、ウェブ検索するときはブラウザを起動、ソフトを起動するときはexeアイコンをクリックなど、欲しいプログラムごとに作業を替えるのではなく、すべてを一つのテキストボックスから検索して速攻で実行できるWindows用の検索型ランチャーが「Wox」です。Woxを使えばマウスを使うことなくキーボードを駆使してサクサク快適に作業することができます。 Wox http://www.getwox.com/ Woxをインストールするには、上記サイトの「Download」をクリック。 GitHubのWoxページが表示されるのでページを下にスクロールさせて…… 「Downloads」の「Wox-v(数字)」をクリックして、ZIPファイルをデスクトップなど好きな場所に保存します。 ダウンロードしたZIPファイルを「Explzh」などを使って解凍。 解凍したフォルダの中
軽快なタスク管理ツールTrelloを使おう | DevelopersIO
はじめに Trelloを半年ほど使ってみて、かなり気に入ったので紹介します。 どんなツール？ 名前をつけるならプロジェクト管理／タスク管理ツールでしょうか。Trelloは自身をコラボレーションツールと説明しています。ちなみにこれはメインのWebアプリ版にiOS版、Android版も用意されています。 Redmine, Backlog, Pivotal Tracker, Track… 似たような役割のツールは他にもありますが、いろんな意味でとってもライトな感じです。機能は少ないし、動作は軽いし、無料です。アカウントを作ればすぐに使えちゃいます。感覚的にホワイトボード＋付箋なイメージです。 メニューは英語ですが単語の数は少ないですし機能も少なく、アイコンで何となくわかるので導入の障壁は低かったと思います。 Trelloを使ったプロジェクトの例 操作方法は使ってもらえばある程度わかるってもらえる
プログラミングやコーディングを学習したい人に役立つツール
作成：2015/11/16 更新：2016/08/01 Web制作 > 初心者の生徒さんに「どうやったらプログラミングできるようになりますか、コーディングする上で最初に何を準備するとよいですか」と漠然と質問されることが多いので「一番最初は何を使って、どう設定するとよいのか」簡単にメモしておきます。 また「プログラミングの時は何を使う、これで練習する」といった感じで決めておけば、プログラミングも楽になるかと思います。今回は「最初はコレ！」といった感じで選抜してみました。初心者の方向けの記事となります。 エンジニア速報は Twitter の@commteで配信しています。 学んだプログラミングやソースコードを管理・反復練習する プログラミングに関する書籍を何冊も読みこんで理解しても、何回ノートを見返しても、普段検索とコピペで済ませていると、いざとなったら全然プログラミングできないです。筆者は泣
Vorlon.jsとは？ ブラウザーでWebデバッグできるお手軽な開発者ツール
Vorlon.jsという開発者ツールを知っているだろうか？ このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js（読み方： ヴォーロン・ジェーエス）とは、ChromeのDevToolsやIE／EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするためのツールである。 最も特徴的なのが、ブラウザー上で動作することだ。PCブラウザーのデバッグはもちろん、スマホなどのモバイルデバイスのデバッグを、ケーブルをつなげることなく、Macを準備することなく、実現できるのが大きなメリットだろう。 マイクロソフトが開発したオープンソースプロジェクトであり、Node.jsとSocket.IOといったオープンな標準のみを使って開発されていて、プラグインの追加が容易で
IT屋必見！ 『コマンドプロンプト』のストレスが少し減る小技集 - ゆとりずむ
こんにちは。らくからちゃです。 今日も、東京も東京証券所も雨模様ですね。昨日よりかは、多少小雨になってきたようですが、遠くの方に台風が見えるのが気になります。最大瞬間風速50メートル以上と、大変強力な台風なので、お庭においてあるあれやこれも、ポートフォリオも吹き飛ばされないようにご警戒ください。 さて、自己紹介のところでも書かせて頂いていますが、なんちゃってコンサルタントをやらせて頂いております。ただ、システムのインストールやら、アドオン開発のテストなどなどで、見よう見まねでエンジニアっぽいことをやっている時も御座います。（到底本職の人には敵いませんが・・・） まあお客様がご利用している端末がWindowsであることが殆どですので、システムをメンテナンスする際にもWindowsのコンソール機能である『コマンドプロンプト』を使うことになります。このコマンドプロンプト、ちょっとした小技で随分い
URLを入力するだけ！コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。
webhookとHubotを使ってBacklogをslack対応させる - Hacking My Way 〜 itogのhack日記
slackというチャットツールが流行ってます。いろんなサービスと連携しやすいのが特徴で、例えばgithubとかはホント簡単に連携することが出来るのですが、国内サービスは対応していない場合があります。 国産の課題管理ツールBacklogもそのご多分に漏れずslack非対応で、これまではAPIを使って連携する方法しかありませんでした（git機能は別）が、Backlogの更新情報がwebhookで提供されるようになり、より簡単に連携出来るようになりました。 webhookはhttp postを使ったpush型APIで、この場合 Backlog -> Hubot Hubot -> slask と2段階でリクエストを送ることになります。 ここではslack, backlogを使っていること、herokuの知識があることを前提に Hubotの設定 herokuへのデプロイ slackとHubotの連携
Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too
素早く制作できた！Web制作に役立つトレンドのツール一覧
作成：2014/12/22 Web制作 > 2014年、WPテーマやコーポレートサイト作成時にお世話になったツールと2015年に使いたいツール。素早くコーディングを行うために知っておきたいツールをメモ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ CSS ツール １．CSS スニペット ２．CSSアニメーションサンプル ３．背景を様々な形に切り抜く ジェネレーター ４．SCSS/CSSに変換するツール ５．CSS フレームワークとチートシート ６．CSS3 アイコン ７．CSS / JS / HTML コード整形 ８．レスポンシブ モックアップ作成 ９．ブラウザ対応表 SVG / ロングシャドー / ポリゴン作成 １０．SVG ブラウザサポート状況確認表 １１．SVG ローディングアニメ作成 １２．SVG 背景作成ジェネレーター １３．SVG パターン背景
コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が
Web制作者は絶対ブックマークしておきたい、デザインやコーディングに役立つサイトのまとめ
フロントエンドのデザインやコーディング時に調べたり、アイデアやインスピレーションがもらえるお役立ちサイトを紹介します。 最近リリースされた、特に便利なサイトをまとめました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ
エンコード/デコード ツール - 文字列をエンコードおよびデコード
エロ動画サイトの更新が5千倍捗るXVIDEOSサムネイル取得ツールを作った
みなジェネ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。