Web制作の面倒な作業におさらば！便利な最新オンラインツール30個まとめ
この記事では、Webデザインやグラフィック制作がぐっと快適になる、最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、これまで面倒だった作業も手軽に、そして短時間で行うことができ、普段のワークフロー改善にもつながります。用途や目的に応じて、お好みのツールを見つけてみましょう。 Web制作をもっと快適に！便利な最新オンラインツールまとめ CSS 3D Transform Examples 遠近感を利用した、奥行き感のある３DデザインをCSSで表現するサンプル集。コードをそのままコピーできるので、カスタマイズも自由自在。 BGJar ウェブサイトの背景デザインに適した、SVG画像をオンライン上で手軽に作成できる無料ツール。ボタン操作のみでカスタマイズを自由に行うことができ、商用利用にも対応しています。 VvvebJS 人気フレームワークBoots
クラウドのアーキテクチャ図作成ツール「CloudSkew」、Webブラウザから無料で利用可能。AWS／Azure／GCP／Kubernetes／Oracle Cloudなどマルチクラウド対応
クラウドのアーキテクチャ図作成ツール「CloudSkew」、Webブラウザから無料で利用可能。AWS／Azure／GCP／Kubernetes／Oracle Cloudなどマルチクラウド対応 クラウドのアーキテクチャ図を作成するためのWebアプリケーション「CloudSkew」が公開されています。 AWS／Azure／GCP／Kubernetes／Oracle Cloud／HashiCorp／Alibaba Cloudなど人気のクラウドやツールのアイコンがあらかじめ用意されており、Webアプリケーションとして提供されているためインストール不要で、誰でも無料で利用可能です。 操作は一般的なドローツールと同じように、左側からアイコンを選んで真ん中の図に置き、アイコン同士を矢印でつなげていくことでアーキテクチャ図が作成されていく、という感じです。 開発しているのは、元マイクロソフトのエンジニアを
AWSの料金を「ざっくり」計算できるサイトを作る - Qiita
AWSの料金、ややこしいですよね。 サービスの選択肢が多く構成が柔軟なおかけで、さまざまな要件をカバーできるのは嬉しいのだけど、そのぶん料金体系がややこしいので、やるせない気持ちになります。 この気持ちはなんだろう、この気持ちはなんだろう、と自問しているうちに春になってしまったので、AWSの料金を「ざっくり」計算できるサイトを作り始めました。 ざっくりAWS 公式ツールの存在 Simple Monthly CalculatorというAWSの料金を計算できる公式のツールがあるのですが、悲しいことに名前ほどシンプルではありません。 正確な料金を算出するために入力項目が多いのは仕方がないとは思うのですが、サイトを開いたときの威圧感がすごいので、もう少しさっぱりできないかという気持ちがありました。 なので、公式ツールの敷居が高いと感じる自分のような人向けに、料金を「ざっくり」計算できるサイトを作り
30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita
概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 今かなりノっているツールの1つです。 以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらない これ1つで Windows, Mac, Linux 向けのアプリが作れる 超簡単 ここではElectronのインストールからアプリの配布までを紹介します。 以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。 インストール まずは必要なものをインストール。 nodeの
[Fireworks] 画像ファイルを一括して指定。任意の幅・高さ以内にリサイズするjsf « きんくまデザイン
こんにちは。きんくまです。 ひさびさのFireworksネタです。 ファイルを上書きするので注意が必要です。FireworksCS4で動作確認してあります。 １ フォルダを指定 ２ 指定の幅・高さ以内に画像がおさまるようにリサイズ ３ 上書き保存 ４ ２、３を終わるまで繰り返し 自分でほしいほしいと思ってて、作る機会もなかったんですが久しぶりに同じことをするため 必要になったのでつくりました。本当はPhotoshop版がほしかったんですけどね。jsx覚えたいな。 使い方としては、拙作jsfEditを使うとすごく簡単なんですが、わざわざいれたくないよという人のために。→Flash経由で大量のバッチ処理をしたところメモリの解放がうまくいかないみたいで、固まってしまうことが判明しました。このバッチはjsfをそのまま実行しないとダメみたいです、、。 １ 下のソースをコピーするか、このファイルをダウ
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
インフォグラフィックを簡単に作成・制作できる5つの無料サービス｜まだ仮想通貨持ってないの？
インフォグラフィックを作ることができるサービスが地味に登場しています。PR、マーケティング手法として重要度が高まっているのでまとめておきます。 ease.ly これまでに11,000以上のインフォグラフィックが投稿されているサイト。テンプレートがいくつか投稿されており、オンライン上で編集することが可能です。 Visual.ly ease.lyと同様の簡単制作サービス。アプリを使って自分のソーシャルメディアの上のデータを引っ張ってきてくれるので、簡単にクールなインフォグラフィックが作れます（作ってみたのですが、エラーが出て出力されませんでした…）。 infogr.am 比較的軽量で良い感じのインフォグラフィック作成サービス。グラフとかオシャレな感じで作れます。これは良いですねー。 Piktochart こちらも良い感じ。なんですが、ちょっと重くて僕のPCだとブラウザがフリーズしました…。多機
DFの詳細情報 : Vector ソフトを探す！
ソフト詳細説明 テキストファイルを比較する時、どうしてますか? フォルダを比較したい時、どうしていますか? このツールは2つのファイルやフォルダを高速に、また並列2画面のわかりやすい形式で比較します。 使用方法はいたってシンプルなので、どなたでも簡単に利用できます。 テキストファイルの新旧の相違点やプログラムなどのフォルダの比較が一発でできます。 ●DF の特徴 ・難しい操作を必要としないで、誰でも簡単にファイルやフォルダの 比較を行うことができます。 ・比較した結果を並列2画面の見やすい形式でご覧頂けます。 ・相違点が分かり易いように色分け表示されます。 ・ファイルの相違点までダイレクトジャンプできます。 ・ファイル比較の全体イメージを見ることができます。 ・テキストファイルを高速・高精度に比較します。 ・サブフォルダを含んだフォルダの比較を行うことができます。 ・指定された拡張子のファ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Remove Background from Image – remove.bg
【2018年版】フロントエンドエンジニアがよく使うWebサービス・アプリまとめ - たこさんちゃんねる(別枠)
無料で使えるプロジェクト管理ツール「gantter」を使ってみて、これはもう手放せないと思ったポイント3つ | バシャログ。
Redmine.JP — Redmine日本語情報サイト
Twitterのログをデータベースとしてローカルへ保存できる「MKTwitter」NOT SUPPORTED