非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
GitHub Issue Reader「Jasper」をデザイナーにもオススメしたい - transitkix design log
こんにちは、 transit_kixです。 普段仕事で「Jasper」というツールを使っています。 https://jasperapp.io/ 日々大量にやり取りされるGitHub上のイシューやプルリクエストを自分のフィルターで絞り込んで効率的にチェックできるツールです。 画像引用元 : Jasper公式サイト このツールを個人で開発しているRyo Maruyamaさんとは、同じ会社で働いてまして、実はJasperはβテスト時代から使わせてもらっています。 blog.h13i32maru.jp 使い始めて2ヶ月くらいでIssueのメール通知を完全OFFにすることに成功、それから1年経ち…正直これ使えないと業務効率に差し支えるレベルにかなりお世話になっている。GitHubをもっと使いこなしたいデザイナーにもオススメしたいので、自分なりにツールの活用状況をまとめました。 私の利用傾向 エンジニ
[ruby]gemを使ってテキストベースのゲームを超高速に作る - Qiita
はじめに みんなー、雑にゲーム作って遊んでるー！？ (ゝω・)v 今日はrubyでCLI(CUI)、つまりコンソール上で操作するためのUIを簡単に実装できるgemのTTYについて紹介しよう。同様のことをしてくれるgemは他にもcursesやthorなどがあるがTTYは最も様々な機能が充実している。つよい。 TTYが提供するものは yes/no、複数選択肢の入力UI Pager、unixのlessのように長文を表示するUI プログレスバーの表示 表示する文字列の装飾(前景色/背景色/bold...) テーブル表示(mysqlのコンソール出力のような) などなど。上記は代表的なものだけを抜き出しただけで14種類ものライブラリがTTYにパッケージされている。詳しくは本家githubを参照してほしい。 https://github.com/piotrmurach/tty 題材とするゲーム 今回、C
![[ruby]gemを使ってテキストベースのゲームを超高速に作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4eb755ef20b3dbee08a3807c5faad1bc39d3efe/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCcnVieSU1RGdlbSVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MyU4NiVFMyU4MiVBRCVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyU5OSVFMyU4MyVCQyVFMyU4MiVCOSVFMyU4MSVBRSVFMyU4MiVCMiVFMyU4MyVCQyVFMyU4MyVBMCVFMyU4MiU5MiVFOCVCNiU4NSVFOSVBQiU5OCVFOSU4MCU5RiVFMyU4MSVBQiVFNCVCRCU5QyVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzZjMTAyNGRiZGQ0YjBiNWY1NDU1ZTQwMjM2YjM2NWY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwT3dsUWlpdGEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA3M2ZhYTc0MTlkZjk5NTJiNjRmOGZmNDJkYTBkN2Zl%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0b10f480f54ac3dab2488163ebf30b65)
Webで仕事をする人に捧げるブックマークレット集 2017年春ver. | HRナビ by リクルート
はじめに Webをより便利にするブックマークレット。 Webブラウザのブックマークとして起動し、ブラウザ上で処理を行う。JavaScriptで書かれた簡易的なプログラムを指します。ブラウザを閲覧している時にあると便利な機能を補うことが可能です。 しかし便利な反面、ブックマークレットは仕様変更によりJavaScriptが起動せず使えなくなっていたりするもの。定期的な情報のキャッチアップとメンテナンスが欠かせません。 そこで今回は、デザインやコーディングなど、Webで仕事をするすべての人が使える、便利なブックマークレットを紹介します。 （今回の記事は、Google Chrome 56.0.2924.87にて検証してあります。2017年3月23日時点の情報です） ※ ブックマークレットの設定方法は記事末尾に記載してあります。 1. Quix 特定のショートカットコマンドを入力することで、Web上
【webデザイン】コピペするだけ！サイドバーやエントリーのタイトル横にアイコンを表示させる方法 - えむしとえむふじんがあらわれた
こんにちは、えむしです。 今回は、記事やエントリーのタイトルの横にちょっとしたアイコンをつけるカスタマイズをしてみようと思います。 付けてる人も多いと思いますが、なにも付けていない方はちょっとしたアクセントに如何でしょう？ ただ今サイトの模様替え中です。 以下のサイトを参考にさせていただきました。 ありがとうございます。 hapisupu.com 先ずはfontawesome 次にcss アイコンをデフォルトの物から変更する 応用 先ずはfontawesome さくっとやり方を。 タイトル下にfontawesomeを呼び出し。 場所は「デザイン」→「カスタマイズ」→「ヘッダー」→「タイトル下」です。 ここをクリックして 以下を一番上にコピペ。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/
CSS スタイルシート制作を楽にする！知っておきたい便利ツール25選まとめ
海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ
あなたはどれだけ知ってる？〜監視&モニタリングツール19選〜 - LIVESENSE ENGINEER BLOG
創造開発部インフラグループです。(中の人：水野、中西) 今回の記事は、前回のログ収集基盤ツールまとめのサーバモニタリング版となります。 made.livesense.co.jp リブセンスでは過去 Nagios/Munin で行っており、現在では mackerel を利用していますが、この界隈も変化が激しく多種多様なツールが登場しているため良いところどりをして運用の向上になればと思っています。 それでは早速まとめです。 注: 有名な mackerel/Datadog については省略させていただいています。我々が知らないツールのまとめとなりますことをご了承ください。 Librato www.librato.com 有料SaaS(FreePlan 無し、30日間のトライアル有り) システムリソース等を収集/可視化するサーバモニタリングツール。ホスト単位ではなく、メトリクス単位で管理/課金される
無料で使える！Webデザイン初心者向けの便利なツール・サイト14選 | ブログのスイッチ
Webデザインの初心者さんにおススメする便利ツール。 フォトショやイラレは高くて使えないって方でも大丈夫です！無料で使えるフリーソフトでも機能は充実しています。 本格的なWebデザイナーを目指すなら、PhotoshopやIllustratorを勉強した方がいいですが、個人サイトの運営位なら今回紹介するツールで十分対応可能です。 ロゴ・バナー・ボタン作成ツール Webデザインでよく使うと思われる、3つの素材を簡単に作れるサービスを集めてみました。どれも直感的に使う事が出るので、初心者でも簡単にカッコいいロゴや可愛いバナーが作れますよ。 決められた素材を使うので自由度は落ちますが、誰でも簡単に高クオリティなデザインが出来るは魅力的です。
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
DummyImage.com
by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage
2016年に流行りそうだけどまだ殆ど知られていないエンジニア向けサービス10選
Post author:sider Post category:Engineering / Other Reading time:3 mins read Post published:2016-01-13 エンジニア x ニッチ(特化)なサービスを調査、「これは流行りそう…!」と思ったサービスを10個ご紹介。 誰もが知っていそうなサービスは含んでません。「俺はエンジニア向けサービス詳しいぜ！」という方も安心して御覧ください。 CI(継続的インテグレーション) DEPLOYBOT デプロイのためだけのCIサービス。デプロイに特化。 リリースノートページやリリースの度にリリース内容をメモする事が出来る機能、デプロイのトリガーを手動で実行することが出来る「デプロイ」ボタン機能などがある。 1リポジトリの「Hobby」ユースであれば永年無料。 deploybot.com Codecov コードのテ
アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます！ 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
Qiita:Team と比較して esa.io の方が圧倒的に優れてる機能3点 (\\( ⁰⊖⁰)/) - kakakakakku blog
プロダクトで CQO を担当していて，Qiita:Team をこよなく愛す僕ですが，食わず嫌いは良くないなということで，esa.io をトライアルで使ってみた． 実際にポストしてみたり，ヘルプを見てみて，基本的なところは Qiita:Team と似てるなーという印象を受けたんだけど，Qiita:Team と比較して esa.io の方が圧倒的に優れてるなと思う機能を3点を知ってしまったので，熱量高くまとめてみた．まぁ圧倒的は言い過ぎたかもwww 1. カテゴリーという概念があること esa.io のポストは，タグ以外にカテゴリーというメタ情報を付けることができて，これは便利． Qiita:Team だとタグしかないので，例えば日報のように時系列に沿った情報を探したりすることができず，結構ポストが埋没する傾向にあるという課題はどこのプロダクトでもあるんじゃないかなと思う． ちなみに Qiit
タスク自動化ツール「gulp」 を使って制作時間を短縮しよう
2014年12月24日 Webサイト制作, 便利ツール みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト！ gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ！」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpでプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます！ Gruntとの違
2014年僕が個人的に気になったツール・サービスなどなど10選
こんにちは！てっちゃんです。 今日は12月24日クリスマスイブですね。皆さん今夜は予定があるんですかね？ 僕は安定の...(´・ω・｀) 年末になりボチボチ今年を振り返ろうかなって時期なので今年のまとめとして僕が個人的に気になった2014年のツールとかサービスを10選ほどご紹介しようと思います。 選定と感想は僕の独断と偏見なのであしからず。 HTML5勧告 http://www.w3.org/2014/10/html5-rec.html.ja 2014年10月28日、HTML5の仕様が勧告となりました。「勧告」とはすべての仕様が確定したときにするもので、これによりHTML5という仕様が「正式な規格」になったことをさします。とはいえ、制作側としてHTML5を使っていく以上安定した制作が出来るとは限りません。ブラウザの実装が完璧ではなく周辺技術の仕様には差がでているのが現状ですが、今後もバージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleの無料BIツール「Google Data Portal(グーグルデータポータル)」の使い方 | 解析レポート作成時間がゼロに！ | Ledge.ai
https://geechs-magazine.com/tag/lifehack/20160113
運用を楽にするためのアプリケーションコードを書くということ : sonots:blog
