非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita
普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの１つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO
お前らの知ってる有能サイトあげてけ | 不思議.net
不思議ネット とは 不思議.netでは５ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段５chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中！
コーディング初心者こそ知っておきたい便利な「CSS関数」5選
HTMLやCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLやCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで本稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた
打ち込むより簡単！保存しておくと便利なCSSスニペット18選
ホームページを製作する際、何度も繰り返し使うコードはスニペットとしてまとめておくと便利です。 スニペットとは「切れ端」「断片」という意味で、プログラミング言語の中で簡単に切り貼りして再利用できる部分のことです。 とりわけCSSは、HTMLやJavaScript以上に、繰り返して使うコードが多いので、そうしたコードをまとめておくとよいでしょう。 今回は、何度も打ち込まなくてもコピペで使える、保存しておくと便利なCSSスニペットをまとめてみました。 スニペットとしてテンプレート化することで、一部分を変えるだけで再利用することができます。 保存しておくと便利なCSSスニペット 1. CSSリセット さまざまなブラウザでデフォルトの表示方法がありますが、それらを同じように表示させるCSSリセットと呼ばれるテクニックがあります。 CSSのリセット化コードはさまざまありますが、画像のレスポンシブ化とm
仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog
こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた！というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。
意外と知らない Windows OS 標準の「ステップ記録ツール」
操作の手順を記録したいWindows 7 からアプリケーションの操作をステップごとに記録してくれる便利なツールが付属しています。それが、「ステップ記録ツール」です。 Windows 7 では、「問題ステップ記録ツール」という名称でした。Windows 8, 8.1, 10 では、「ステップ記録ツール」という名称で統一されています。 スタートメニューに表示されないため、知らない人も多いツールです。エンドユーザーで知っている人はまずいないでしょう。 このツールを利用することで、操作を記録して、その様子をまとめたレポートを作成してくれます。アプリケーションのユーザーさんから問い合わせがあったときに、手順を教えてもらったり、不具合の再現方法をいただく際に重宝します。 起動Windows の検索にて、「記録」や「ステップ」と入力してみましょう。「ステップ記録ツール」が検索結果に表示されます。 上図は
YouTube人気急上昇
【ゆっくり実況】おいし～！！カービィがおデブになった！？たくっちのカービィのグルメフェス実況！！ Part1 【 カービィのグルメフェス 】【たくっち】
Photoshopの整列を劇的に楽にやる方法
開催中 Amazonブラックフライデーの攻略法。お得な買い方 最初に書いちゃうけど、Webデザイナーの方は必見！！ 人生が変わるぐらい(笑)に、Photoshopの凄く使える便利な技を伝授しちゃうよん。 まー知ってる人には、そんな事も知らないのかと突っ込まれるかもしれないけど。 さて、問題Photoshopで下図のグレーのシェイプを水平方向の中心に整列をしたいのだが、どうすればよいか？ 生まれ変わる前の僕だったら、新しいレイヤーを作って、そこにキャンパスサイズの横幅と同じ新しいシェイプかなんかを作って、その新しいシェイプとグレーのシェイプを選択して整列の「水平方向中央揃え」をクリック、な感じかな。 しかし、これだと手間だよね～。 もっと簡単にできる整列方法①まずは、シェイプレイヤーを選択 ②次に「長方形選択ツール」を選択 ショートカットは「M 」。 ③横幅すべてを選択 ④続いて「移動ツール
有料だったが無料化した超多機能スクリーンショットソフト「SnapDraw」
単に見ている画面のデスクトップやウインドウを画像ファイルとして保存するだけでなく、あとから矢印や説明付きの吹き出しを付けたり、鏡面反射・回転・パースを付けて立体的にするなどの特殊効果、さらには枠線・ウォーターマーク・余白の付加といった高度な編集機能までをも実現しているのがこのフリーソフト「SnapDraw」です。 以前は有料のシェアウェアだったのですが、現地時間2011年8月19日に突如「フリーソフトにする」と宣言し、一切の機能制限を持たない無料版としてリリースされました。もともと有料だっただけのことはあり、通常のフリーソフトの範疇をはるかに凌駕する機能が満載となっています。 Print Screen Capture Software with Special Effects, Annotation Tools and support for Windows 7, Vista and XP
どのフォルダがどれだけの容量を占有しているか一発でわかる無料のシンプルツール『TreeSize Free』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
読書中の付箋とブログ活用術 - Thoughts and Notes from CA
私の読書に付箋はかかせないツール。読みながら付箋をするなど邪道という方もいるが、少なくとも私の脳のスペックでは気になったところに付箋をつけておかないと、本の消化ができない。 "無印良品「透明付箋紙」はスゴ品 - Future Insight"で紹介されている付箋も確かによいが、私は同じ無印でも10mmのミニ付箋を使用している。 昔は、白、グレー、青などのもう少し落ち着いた色のシリーズがあって、そちらの方が好みだったのだが、最近は販売していないようなので上記のカラフルなやつで我慢している。 この付箋のよいところはとにかく小さいこと。文庫本に貼っても欄外で十分収まる。 また、安い上に大してかさばらないので大量に購入し、各スーツのポケットに1つ、各カバンに1つ、コートにも1つと色々なところに忍ばせておけるので、「あぁ、本は持ってきたが、付箋を持ってこなかった・・・」ということがあまりない。 紹介
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
気になるらぼ.biz
DIYNOTE - クリアホルダーで作る自分だけのオリジナル手帳
mp3から簡単に着メロが作れる『Audiko』 – creamu
ちょっと便利帳
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
codeなにがし