Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手
ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ
この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき
プログラミング初心者がオリジナルのサービスを作る時に便利なツール23個｜かずたか
※こちらの記事がはてブの総合ホッテントリ入りしました！ ※noteの公式マガジンと、「先月もっとも多くスキされた記事」の一つに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してWebサービスを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 Twitterやnoteの他の記事などでもしつこいぐらいに言っていることなのですが、プログラミング学習はある程度基礎を勉強したら、自分でオリジナルのWebサイトやアプリなどを作ってみるのがオススメです。 今までの勉強ではプロダクトにどんな機能が必要か考えたり、それを色々調べながら実装に落とし込んだりするこ
160万社の企業情報を無料で検索「FUMA」登場 「首都圏で売上10億円以上の運送会社」など絞り込んで表示
全国160万社以上の企業情報を検索できるサービス「FUMA」（フーマ）が登場。地域や業種、資本金、従業員数などの条件で検索し、各種企業情報を閲覧できる。会員登録は不要で、ブラウザ上から無料・無制限で使える。 Webベンチャーのプレインワークス（東京都港区）は8月6日、全国160万社以上の企業情報を検索できるサービス「FUMA」（フーマ）を公開した。地域や業種、資本金、従業員数などの条件で検索し、各種企業情報を閲覧できる。会員登録は不要で、ブラウザ上から無料・無制限で使える。 例えば「首都圏で売上10億円以上ある運送会社」「関西で数十人規模のソフトウェア開発業者」「3月に決算を迎える10年以内にできた会社」といった企業リストの作成に利用できる。同社は「社会人から就活生まで、幅広い層の利用者が企業情報を収集するのをサポートする」という。
なぜデザインツール「Whimsical」はワイヤーフレームの迅速な作成に適しているのか ｜ブログ｜root｜芯を問い、成長に貢献する
Webサイトやアプリを作る際に設計図として欠かせないワイヤーフレーム。各画面で何を伝えたいかを一緒に開発するエンジニアやディレクターに伝えるコミュニケーションツールとして大事な役割を持っています。 一方で、ワイヤーフレーム作成の段階でグラフィック要素を多くしてしまったり、色やロゴ、複雑なフォントを多用するなど、ついデザインを作り込んでしまったことはないでしょうか。こうした問題は、特に初心者のデザイナーの方に陥りがちかと思います。 しかし、作り込んだからといって良いワイヤーフレームと言えるとは限りません。むしろWebサイトやアプリの方向性の合意を関係者内で早めにとり、そのあとで細かく作り込む方が、効率よくデザインを進めることが出来ます。 この記事では、素早くワイヤーフレームを作るためにrootでも使っているデザインツール「Whimsical」をご紹介します。 直感的な操作が可能なデザインコラ
Prototyperを使ったモックアップ主導のUI設計プロセス
ユーザーインターフェイスを設計するためのワイヤーフレームとモックアップの取捨選択とプロトタイピングに適したモックアップツールを記載しています。 UI設計はUXデザインプロセスの4段階目 アプリやWebサービス、サイトなどを作っていく全体の流れは以下のプロセスを行っています。基本的なUXデザインのプロセス通りですが、コンセプトやアイディアの前に調査（理解）を重視している点と、ワイヤフレームではなくインタラクティブなモックアップを作成している点が多少異なるかもしれません。その他のプロセスにご興味がありましたら詳細は問題解決型UXデザインアプローチを御覧ください。 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 今回は上記の中で画面の要素やレイアウトを検討する「UI」フェイズの「モックアップ」に関してを、整理していきながら記載していきたいと思います。このUIフェイズ
これは面白いぞ！Ruby/Python/PerlでWebプッシュ通知サービスPush7のAPIを使ってプッシュ通知を送ってみる
これまでもプッシュ通知を送るためのAPIを提供するサービスはありましたが、1対1の通知しか送れず、自分自身のために送るプッシュ通知という利用形態に限られました。 [参考] Prowl: Easy Push Notifications [参考] im.kayac.com: Receive your notification at iPhone [参考] Pushover Notifications Push7は購読してくれた人全員にプッシュ通知を送ることができる1対多のサービスであるところが画期的です。それでいて無料で使えるのですから素晴らしいものです。 ブログを運営していれば、興味を惹かれるサービスであるのは間違いありません。 弊ブログも遅ればせながらPush7対応をしてみました。ぜひ購読をお願い致します。 WordPress用のプラグインがあるので、WordPressなら導入は簡単です。
UX Recipe - User Experience Journey Mapping Tool.
UX Recipe は、世界で最もカジュアルなジャーニーマッピングツールです。自分のアイデアを物語にして残しておくことができます。世界で最もカジュアルな ジャーニーマッピングツール あなたはどんなストーリー体験を作りますか? 次の物語を、気軽にいっしょに。 FEATURES 自分のアイデアを物語にして 残しておくことができます。 誰でも簡単に ストーリーが作れる カードを並べるだけで、自分だけのオリジナルストーリーが作れます。また、豊富なカードがはじめから用意されているので誰でもすぐに美しいストーリーが描けます。 チームで共有し コラボレーションできる 作成したストーリーをチームメンバーやクライアントにすぐに共有できます。画像ファイルをエクスポートできるので、すぐに企画書に貼り付けて使うことができます。 さまざまなストーリーを 見つけられる ゼロから作る必要はありません。さまざまなストーリ
[M]簡単！名刺作成をオンライン上で自分好みにデザインカスタマイズできる名刺屋さんまとめました | miMemo(ミメモ)
こんにちは！みう(@miu0512)です。オンラインジェネレーターを使って自由に画像や文字を加工し、自分だけの名刺を作れる名刺屋さんのサービスがあります。Illustratorを持っていなくても、誰でも簡単に名刺を作ることが出来るようになりました。 WEB上で自分だけのオリジナル名刺を作りませんか？ そろそろ配る名刺を自分のオリジナルにしたいと思っているブロガーの皆さん！そして、きたるDpubに参加される皆さん！さらに、フリーランスや個人で働いている方でWEBデザイン業ではなく、なかなか良い名刺が作れないと嘆いている皆さん！作ってみませんか？ オンライン上で名刺が作れるサービスのある名刺屋さんまとめました 文字を配置して、画像を配置して、納得行ったらすぐ印刷して届きます 操作はとても簡単で、自分の入力したい項目や、背景画像・似顔絵アイコンがあればそれも名刺に入れることが出来ます。今回はそん
![[M]簡単！名刺作成をオンライン上で自分好みにデザインカスタマイズできる名刺屋さんまとめました | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ceb31b94e6951973271f59880b6546d1e8208d3/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F11%2Fmeishi_online_sum.jpg)
2015年に話題になったWebサービスまとめ | 男子ハック
@JUNP_Nです。毎年恒例となりました、今年話題になったWebサービスやアプリなどをまとめて振り返る企画。今年はなんといってもサブスクリプション型の音楽サービスが日本で本格始動したというのが印象的。また後半にはAmazonのプライムサービス推しが凄かったですね。 Apple Music、LINE MUSIC、AWAなど音楽サービスが本格始動、動画コンテンツのサービスが多数登場2015年も残り約2週間。今年もたくさんのWebサービスやアプリが登場しましたが、印象的なのはApple Mucic、LINE MUSIC、AWAに代表されるサブスクリプション型音楽サービスが日本で本格的に始まったこと。 他にもNetflix、C CHANNEL、TVerなど、スマートフォンで動画を楽しむことができるサービスが多数登場しています。 今年も1年の振り返りとして、話題になったWebサービスを個人的な視点で
動画キャプチャをGifアニメで撮るならGifGrabber
この記事は 俺のメニューバー Advent Calendar 2015 12日目の記事です。 簡単な動画を見せたい時、デスクトップの動画スクリーンショットを、Gifアニメで撮りたい時あります。無料で高機能でオススメなのが「GifGrabber」です。 GifGrabber – Simple software for animated gifs GifGrabber カテゴリ: ビデオ 現在の価格: 無料 いままではLICEcapやRecorditを使っていたのですが、Trimなど細かい設定ができて、ローカルで使えるGifGrabberが一番使いやすいと思えました。アイコンは謎ですけど。 使用方法 起動すると透過した緑のキャプチャエリアが、表示されます。 右下をつかんでサイズ変更できます。 上部の赤い「Start Capture」は撮影開始・停止。左上は最小化。 ⌘＋Shift+Sで撮影開始
クラウド予約システム & 顧客管理 Coubic (クービック)
STORES 予約 できること 柔軟な予約受付・管理ができる スタッフごとに受付・管理 お客さまもスタッフも、スマホアプリでかんたん操作 LINE連携で、予約も自動案内もスムーズ 自動リマインドの設定や、予約時のアンケートもカスタマイズ可能
PC画面を録画出来る動画キャプチャソフトなら「Screen To Gif」がおすすめ【フリーソフト】 - 広汎性発達障害の女がたまに毒を吐くブログ
先日、 【はてなブログ】『引用スター』のつけ方【GIF動画あり】 - 広汎性発達障害の女がたまに毒を吐くブログ 上記の記事を書いた際にGIF動画を使用しましたが、今回はそのGIF動画を作成出来るフリーソフト「Screen To Gif」（Windowsのみ対応）をご紹介します。 このようなGIF動画が作成出来ます。 「Screen To Gif」をダウンロードする 上記サイトの、 「Multilanguage - Single Exe」の方をダウンロードします。 ダウンロードした圧縮フォルダをダブルクリックすると、 「Screen To Gif」が入っているので、それをデスクトップなどに移動します。すると「Screen To Gif」が使えるようになります。 「Screen To Gif」を起動する 「Screen To Gif」のアイコンをダブルクリックすると、 上記のような枠が現れます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アプリプラットフォーム「Yappli（ヤプリ）」
Marketing & Money Tips for Creators
ファーストサーバー、作りたいウェブサイトの内容を伝えるだけでサイト作成・開設を代行するレンタルサーバーサービス 
iskn
favy
Webクリエイターのためのファイル管理コラボレーションツール｜universions
Web招待状のWeddingday | 結婚式や1.5次会・二次会のご案内はWeb招待状でスマートに
