これ知ってる？2017年話題になった最新サービスまとめ30選 - WEBハックツ
「IT技術が日々進歩している」と、近年はよく耳にしますね。 では、実際に最近リリースされた画期的なサービスや2017年話題になったインターネットサービス・アプリを、あなたはどれくらい知っていますか？ 実は、皆が知らない所で、面白いサービスや役に立つサービスが沢山ローンチされています。この記事では、2017年にローンチされた、もしくは話題になったサービスや役に立つサービスをご紹介しましょう。 新しい波をいち早く察知するための、１つの参考になれば幸いです。マーケットが拡大する前、あるいは流行に沿ってチェックできれば、オイシイ思いができるかもしれません。 1.ロケラボ 2.Cotobox（コトボックス） 3.Sarahah（サラハ） Peing（ピング） 4.SPRAY Insight 5.eiffel（エッフェル） 6.VALU（バリュー） 7.cash 8.メルカリNOW 9.ランチパスポー
誰でも簡単！Webページ情報を自動でデータ化できるスクレイピングツール5選
突然ですが、「Webスクレイピング」という言葉をご存知でしょうか。 例えば、現存するWebサイトの一部分の要素を取り出して、そこをスマホ向けに改修するとします。その際、Webサイトの該当部分の情報・データを集めてきて、集計し、使える形に整形し直すことが可能なのがWebスクレイピングです。そして、Webスクレイピング専用のツールのことを「Webスクレイピングツール」といいます。 仮に、スクレイピングツールがなかったら、自らインターネット上に膨大な情報の中から、目的のデータを探し出し、抽出して、手作業で集計・整形しないといけません。 ただ、その際、Webスクレイピングツールであれば、Web コンテンツを自動で取得できるので、アッという間に解決することが可能です。このツールは、業務上、大幅な工数削減に役立つなど重宝します。 そこで本記事では、このように便利なWEBスクレイピングツールについて、概
Flexboxが便利すぎる！要素を自在にソートできるjQueryプラグイン作ってみた
Flexboxを使えば要素の並び替えはとても簡単。そこで、カスタムデータ属性をうまく使って、Flexboxの内容でソートできるjQueryプラグインを考えて作ってみました。 この記事では、カスタムデータ属性の値をもとに要素をソートする簡単なjQueryプラグインの作成方法を順を追って説明していきます。 どのようなプラグインかは、CodePenのデモを参照してください。 注：この記事では、jQueryプラグインの開発方法develop jQuery pluginsとflexboxの基本的な知識を持った読者を想定しています。知識が十分でない場合は、リンク先を参照してください。 アクセシビリティの問題 プラグインを作成するのに、flexboxを利用します。 デフォルトでは、flexアイテムはソースの順番に配置されていますが、orderプロパティで親要素のflexコンテナ内での順番を変更できます。
「プロジェクトをデザインする」ということ。タスク管理について、プロジェクトマネージャーに聞いてみた【後編】｜Goodpatch Blog グッドパッチブログ
こんにちは！エディターのkeoです。 先日アップした 「プロジェクトをデザインする」ということ。タスク管理について、プロジェクトマネージャーに聞いてみた の後編をお届けします。 前回は、クライアントワークと自社プロダクトの場合で、タスク管理などの運用方法は異なることが分かりました。 そこで、今回はクライアントワークのプロジェクトマネージャー（PM）にクローズアップして、タスク管理術を深掘りしたいと思います！ 1人目 : シーンごとにタスク管理ツールを使い分ける 前編に引き続き3人目のインタビューは、PMの菅原さんからスタート！ −−現在の業務について教えてください。 現在担当しているのは、飲食店のオンライン予約サービス用の管理画面と、店舗にある発券機を使いやすくリデザインする案件です。 PMの僕とUIデザイナーの2名がメインで動き、エンジニアは外部にいます。 使いやすいサービスに生まれ変わ
ウェブ制作の面倒をズバリ解決！オススメChrome拡張機能23個まとめ
ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window
勝ち組が明確になってきたWeb接客ツール － レッドオーシャンを勝ち抜くサービスとその強み | EC業界ニュース・まとめ・コラム「eコマースコンバージョンラボ」
勝ち組が明確になってきたWeb接客ツール － レッドオーシャンを勝ち抜くサービスとその強み 2014年後半頃から新ジャンルとして市場にサービスが登場し始めた「Web接客ツール」。それから2年半が経過し、今や30を超えるサービスが乱立している。そんな中、導入店舗数を大きく伸ばしているサービスがいくつか際立ってきているようだ。今回はこのレッドオーシャンと化しているWeb接客ツールの主要サービスを紹介し、その強みについて見ていく。 ＜参考＞ 続々登場するECサイト向けWeb接客サービス － 主要13サービスまとめと今後 人工知能（AI）でECサイトのマーケティングオートメーションはどのように変わっていくのか ECサイトのコンバージョン率アップの切り札となるのか － Web接客サービスの究極の「おもてなし」 オンライン上の接客は顧客から個客へ － ECサイト運営もビッグデータの恩恵を受けよ Web
コンテンツマーケティングについて知っておくべき6つのトレンド デザイン会社 ビートラックス: ブログ
新たなシーズンに向けたマーケティング活動のために追加された予算と、それに伴ってそこから確実にパフォーマンスをださなくてはいけない苦悩に頭を悩ませているマーケターも、この時期多いのではないだろうか。 デジタル広告市場においてGoogleやFacebookが約71%を独占し、その勢いは未だ止まることを知らない。このようなマーケティングのための既存のプラットフォームや技術を使ってブランドが自分たちでもプロモーションを行うことがどんどん可能になってきているのもまた事実である。 そこで改めて確認しておきたいのは、今までの方法は今後もやっていけるのだろうか、これからどの手法を取り入れるべきなのか、自社のターゲットに本当に有効なマーケティングとは何か、ということである、常に最新の情報を手に入れ、受け入れて変化していく必要がある。 ブランドのマーケティング担当者だけでなく、マーケティングに関わる広告会社、
有名Webサービスの媒体資料40サービスのダウンロード場所まとめ｜ferret [フェレット]
Webサービスを運営する企業のうち、 広告 出稿を行っている場合、運営しているWebサービスに「どういった ユーザー がどれくらい訪れているか」が明記された媒体資料を提供しています。これを見て、出稿主側は、 広告 出稿の検討を行います。 媒体資料には、ホーム ページ 運営で参考になるデータも記載されているので 広告 出稿に関わらず参考にしてみましょう。 今回は、Webサービスが提供する媒体資料39をまとめました。 ※[2015/01/27]追記：40番目にグルメサービスRettyの媒体資料を追加しました。 このニュースに興味のあるあなたにおすすめ ・2014年インターネット広告の料金相場まとめ他7記事 ・4社26個のディスプレイ広告！競争激しい業界からバナー作成のコツを学ぶ ・厳選104本！2014年マスコミ広告からネット広告まで宣伝媒体まとめ 媒体資料一覧 以下より、各社・Webサービス
![有名Webサービスの媒体資料40サービスのダウンロード場所まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/90fee599541586851563e08d3575d6b0e594d754/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F54be1c3569702d22e2100200%2Flarge.jpeg%3F1421745203)
素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選＋α - Life is colourful.
【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語（HTML）やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日本語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE（ベース） Jimdo（ジンドゥー）
Web初心者がとりあえず使ってみるべき無料Webツール14選 | LISKUL
テクノロジーの進歩が激しいWeb業界。Webマーケティングツールの開発でも同様、様々な人が知恵を振り絞り、Web上での売上アップを目指したツールやサービスが今日も開発されています。 ただその一部は料金が高かったり、使い方が難しかったりと、一般の人にはなかなか手を出しづらかったりするもの。 そこで今回は、Webにほとんど触ったことがないような人でも試せる「無料」のWebツールを厳選してみました。「サイトを作る」⇒「ユーザーを集める」⇒「サイトを分析する」⇒「獲得率を高める」の時系列順にまとめてみましたので、ご自身のサイトのフェーズに合わせて参考にしてみてください。（※サービスにより無料でできることが限られているツールもあるためご注意下さい。） 紹介ツール一覧 Webサイトを作る1：本腰を入れてページを作る（Unbounce） ・テンプレートが100種類以上あって、全部カッコイイ！ ・自由度が
Webディレクターが情報収集に活用できるおすすめ参考サイト11選
WEBディレクターにおすすめするWEBサイト11選！日々の情報収集に役立つサイトを集めました。WEBディレクターや制作に関わる方は是非参考にしてみてください。マークアップからWebディレクターへジョブチェンジをしたばかりの身ですが、正直、圧倒的な知識不足を感じています。 そんな私ですが、日々勉強のためお世話になっているサイトをいくつか集めてみました。同じような立場の方やこれからWebディレクターを目指している方にも是非使っていただきたいです。 ｜企画・ディレクション 1.Webディレクターズマニュアル http://web-d.navigater.info/ ∟現役のWebディレクターが、必要な知識や技術など幅広く紹介してくれているサイトです。作業効率化のためのテクニックや「Webディレクター」に必要な考え方なども載っているのでよく参考にしています。 ｜UI・デザイン 2.I-O-30
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
非エンジニアがWebプログラミングで勉強すべき10のこと
プログラミング未経験の非エンジニアのために「Webプログラミングで勉強すべき10のこと」を紹介する記事。未経験からプログラマーに転身した現役エンジニアに話を聞いてまとめました。学ぶとWebサービスを作ることができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 まったくのプログラミング未経験の非エンジニアだと、「いったい何を勉強をすればいいのか」がわからないということもあるでしょう。そこで今回は、現役のエンジニアから、Webプログラミ
WEB制作時に大変重宝する無料WEBツールまとめ。 | 埼玉県熊谷市 Webデザイン・企画・制作「デザイン事務所｜エイビッツ」
WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker（フォント・チェッカー） ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen
ECサイトの競合比較調査を行う際に絶対に使いたいツール － どこまで競合サイトを丸裸にすることができるのか | EC業界ニュース・まとめ・コラム「eコマースコンバージョンラボ」
ECサイトの競合比較調査を行う際に絶対に使いたいツール － どこまで競合サイトを丸裸にすることができるのか ECサイトを運営していると、似ているショップや、ライバル店、同一商品を取り扱っているとても強大な店舗など様々な「競合」サイトが気になってくる。そして、自分が運営しているショップがどのような状態なのか、どのような改善が必要なのかを知るために競合ショップのあらゆるデータや情報は可能であれば知りたいところだ。そこで今回はECサイトの競合比較調査を行う際に絶対に使いたいツールを紹介していく。 SimilarWeb SimilarWeb（シミラーウェブ）は、URLを入力するだけでWebサイト分析や業界分析を簡単に行うことができるツールだ。 SimilarWeb株式会社は2009年3月にイスラエルのテルアビブで設立され、現在はロンドンに本社を持つ企業で、これまでに合計2500万ドルの資金調達を行
最近話題になったイケてるWebサービス・アプリ10選（2015年6月編）
会社設立 freee（フリー） クラウド会計ソフトのfreeeがリリースした、会社設立に必要な書類が5分程度で作成できるサービス。 質問に答えていくだけで、設立に必要な情報を自動で記載され書類を作成してくれるというもの。 本来であれば、何度も書かなければいけなかった項目も、1度書き込めば同じ情報を何度も利用できるので、入力する手間がかかりません。また、有料のオプション機能が用意されており、銀行の口座解説や実印注文もその場でできます。これは便利。 join us JOIN US とは、今夜の飲み仲間を探せる、飲み仲間発見アプリです。 審査を通過したユーザー（30%ほどの合格率といいます）がログインすると、半径10km以内にいるグループを、最大で8組表示します。もしも気になるグループがいればチャットをして、よければ待ち合わせるという流れ。 ユニークなのは、このサービスを利用できる時間帯が、
Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
WordPressでかっこいいページが簡単に作成できる！レイアウトを組み合わせて直感的に作成できるテーマ -Layers
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
