レスポンシブからドロワーまで！jQueryで実装できるメニュー関連のプラグイン9選
Java Script用のライブラリであるjQuery。今となってはMicrosoftの統合開発環境であるVisual Studioや、IBM・Dellなどの多くのIT関連企業が採用しており、業界でも幅広く認められるスタンダードなものと言ってもいいでしょう。 このjQueryには公式サイトからリリースされている以外に、世界中の開発者が独自にプラグインをリリースしており、より効率的な開発や機能を実現することができます。 本記事では、jQueryを使って開発を行う際に便利なプラグインを厳選してご紹介します。 このニュースを読んだあなたにオススメ Webデザインスキルを独学で身につけたい時に踏むべき4つのステップとは？ ゼロから自力でHTMLを学びたい方にオススメ！オンラインで学習できるWebサービス10選 メニュー関連、便利なjQueryプラグイン10選 1.PrMenu https://gi
誰でも簡単！Webページ情報を自動でデータ化できるスクレイピングツール5選
突然ですが、「Webスクレイピング」という言葉をご存知でしょうか。 例えば、現存するWebサイトの一部分の要素を取り出して、そこをスマホ向けに改修するとします。その際、Webサイトの該当部分の情報・データを集めてきて、集計し、使える形に整形し直すことが可能なのがWebスクレイピングです。そして、Webスクレイピング専用のツールのことを「Webスクレイピングツール」といいます。 仮に、スクレイピングツールがなかったら、自らインターネット上に膨大な情報の中から、目的のデータを探し出し、抽出して、手作業で集計・整形しないといけません。 ただ、その際、Webスクレイピングツールであれば、Web コンテンツを自動で取得できるので、アッという間に解決することが可能です。このツールは、業務上、大幅な工数削減に役立つなど重宝します。 そこで本記事では、このように便利なWEBスクレイピングツールについて、概
CSSのみ！動きのあるデザインをコピー＆ペーストで実装できるサンプルコード集
自由度の高い表現が可能になったCSS3は、簡単なアニメーションや動きをつけることもできます。 今回は、CSSだけでできる動きのあるデザインをピックアップしてご紹介します。 フロントエンジニアの方にとっては、CSSテクニックのレパートリーが増えるだけでなく、コピー＆ペーストで手軽に利用できますので、動きのある表現をしたいという時に取り入れてみてはいかがでしょうか。 CSSだけで表現できる動きのあるテクニックまとめ 1.CSS3フルスクリーン背景スライドショー DigitalSkill CSSのみでフルスクリーン背景のスライドショー、タイトル表示をおこなうチュートリアルです。 アニメーション部分は、複数パターンのサンプルデモを公開しています。 2.Fullscreen Overlay Effects codrops クリックすると、フルスクリーンのオーバーレイがかかるエフェクトのサンプルです。
Webサービスの作り方をプログラミング初心者が勉強した記録記事
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた｜Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
Webサービスを立ち上げたい人の背中を押してくれる良記事17選
2015年10月1日の記事を更新しています。 新しいWebサービスのアイデアがあっても、何から手をつけたらいいか分からない、進め方が分からないという方は多くいらっしゃるんのではないでしょうか。 なにより、同じようにWebサービスを立ち上げた人からの助言や参考にしたいというような後押しが欲しいと感じる場合もあるでしょう。 今回は、Webサービスを作りたい方が読むべき記事をまとめてご紹介します。 経験者によるサービス立ち上げ時にやったこと、失敗例、考え方と言うような生々しい実体験までを知ることができます。 新たにWebサービス立ち上げ時に役立つ内容ばかりですので、これから始めようと思っている方は参考にしてみてください。 Webサービスを始める際に読んでおきたい記事まとめ 1.立ち上げたウェブサービスを失敗させないために ウェブサービスの立ち上げ時に大切なこと｜ウェブストリートメディア 計画を立
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
コピペで実装！CSS3でオシャレなデザインのサンプルコード47選
2015年7月14日の記事を再編集しています。 CSSの新しいバージョンであるCSS3は、アニメーションなどの新機能が追加となったことで従来のCSSよりもグッと便利になりました。CSS3を使えば今までよりも様々な表現ができ、ホームページを魅力的に演出してくれます。 しかし「使ってみたいけれども難しそう……」という方も多いのではないでしょうか。そんなCSS3初心者の方には、サンプルコードを活用することをオススメします。コピペするだけでCSS3を使ったテクニックを取り入れることができますので、試してみましょう。 今回は、CSS3でオシャレなデザインのサンプルコードをまとめてご紹介します。 CSS3で実装できるオシャレなサンプルコードまとめ 1. HTML5＋CSS3でデザインしたtableのCSS＆HTMLサンプルソース5点｜株式会社LIG https://liginc.co.jp/web/h
【全て無料】5分で分かるWebマーケティング厳選チートシート7選
Webマーケティングに限らず、業務においてルール作りや仕組み化が非常に重要となります。 この仕組み化を行う事で、再現性を高めることができるだけでなく常に一定のパフォーマンスを発揮し、事業やサービスの最大化を図っていきます。 今回は、Webマーケティングの再現性を高めるためのチートシートをまとめました。 1.2015年版 究極のマーケティングチェックリスト http://www.seojapan.com/blog/ultimate-marketing-checklist Webマーケティングを実践する際に重要となるビジョンの設定やマーケットの決定などの戦略、SNS活用や広告活用などの戦術までを網羅的にチェックすることができます。 Webに限らず、マーケティング全般にも応用できる内容ですので汎用性の高いチェックリストです。 2.LPO改善チェックリスト | LISKUL http://lisk
Web担当者必見！今知っておくべきSEO用語34選
企業のWeb担当者になったばかりの方がまずぶつかる壁が、Web用語の多さと紛らわしさです。 特にSEOは、クローキングやクローラーといった一見同じようで意味合いの違う横文字用語が多いうえに変動も激しいため、せっかく覚えた単語がすぐに使われなくなったりします。 今回は、Web界隈でよく使われるSEO用語を解説付きでまとめました。Web担当初心者だけでなく、Webに携わる方々も、復習がてら確認してみましょう。 SEOの基礎 1.SEO（Search Engine Optimization） 日本語だと「検索エンジン最適化」と訳されます。 Google検索エンジンで検索が行われた際に、オーガニック検索枠でホームページを上位表示させる為の施策全般を指します。 【2023年最新】SEOとは？SEO対策の基本からやり方、検索結果上位を狙うコンテンツの作り方を解説 SEO（Search Engine O
【非デザイナー必見！】知っておくべきデザインの基礎法則６つ
ferret編集部：2015年1月23日に公開された記事を再編集しています。 非デザイナーであれば、デザインの世界はセンスであったり、感性の問題だから自分にはできない。あるいは苦手意識があると思われている方も少なくないのではないでしょうか。 しかし、美しいデザインには法則というものが存在します。デザインの法則さえ、理解できていれば非デザイナーであっても基礎的なデザインは可能です。 今回は、非デザイナーが押さえておくべきデザインの基礎的な法則についてまとめました。 このニュースに興味のあるあなたにおすすめ ・Webデザインに役立つ無料のツール・デザイン集まとめ ・これだけ読めば大丈夫！デザインの基礎が学べる厳選5記事 ・【事例あり】ランディングページ作成の基礎記事2選＋参考になるデザインサイト集8選 規則正しいデザインが必要な場合 1 繰り返しの法則 上記のような形は同じでも2つ並んでいるだ
SimilarWeb（シミラーウェブ）の使い方は？無料・有料版の違いやメリット、注意点を解説
データエクスポート機能や業界分析機能など、有料版にしかない機能も多く非常に魅力的ですが、まずは無料版を使用してみるとよいでしょう。 SimilarWebのデータの取得方法と信頼性 SimilarWebは、数百万ものWebサイトやアプリに組み込まれた分析ソフトを通じて、直接測定したデータを取得しています。 さらに、世界中の数百万台のデバイスにインストールされているSimilarWebの製品で収集したトラフィックデータ、Web上に公開されているデータ、パートナーシップを提携している企業による分析データを組み合わせることで、高精度な分析機能を実現しています。 SimilarWeb無料版の使い方 出典：SimilarWeb SimilarWebの使い方はとても簡単です。調べたいホームページのURLを入力し[ENTER]キーを押すだけです。今回はferretのURLを入力してみます。 現時点のホーム
覚えておかなきゃ損！考える時間が短縮できるビジネスフレームワーク9選｜Ferret [フェレット]
ビジネスを行う上で「どうやったら集客できるの？」「どうやったら売れるの？」と課題は尽きません。こうした課題の解決に向けて考えた結果、どうしていいのかわからない！と悩む人も多いのではないでしょうか。 そういった考えるべきポイントをパターンとして落とし込み、誰でもできるようにしたものがフレームワークです。このフレームワークを目的によって使い分け、ビジネスに当てはめて考える事で、何が必要で何が課題となっているのかを論理的に導くことができるでしょう。 今回は汎用性の高い基礎的なフレームワークを、用途別にまとめました。 目次 フレームワークとは 論理的思考に役立つフレームワーク ビジネス全体像の把握に役立つフレームワーク 市場分析に役立つフレームワーク 戦略立案に役立つフレームワーク フレームワークはどんな時に使うべき？ 他のフレームワークを見てみる フレームワークとは ビジネスにおけるフレームワー
![覚えておかなきゃ損！考える時間が短縮できるビジネスフレームワーク9選｜Ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b01284336d6284dc6ca28fd99e2a57fc3ebef1f/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F454%2Fog_image%2Fdefault-c9bb3354d1af1c423569e410eafb885c.jpg)
【永久保存】Webマーケティングに役立つ心理学用語36選
インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの
Web担当者なら入れておくべき、GoogleChromeのSEOや効率化関連の拡張機能19選
Web担当者の方であれば、お使いのブラウザに拡張機能の一つや二つは入れられてるのではないでしょうか。GoogleChromeやFirefoxなどのブラウザには、Web担当者様にとって便利なツールが多く揃っています。 特にSEOに関連する拡張機能は大変豊富で、自社ホームページのSEO周りの改善や競合の状況のチェックなど、面倒になりがちな作業の効率が劇的にアップします。 今回は、Internet Explorerに次いで使用率が高いGoogleChromeの便利な拡張機能を、自社ホームページ改善用、競合調査用に分けて22個紹介します。 自社ホームページの改善に役立つChrome拡張機能 1.Google Analytics オプトアウト アドオン ダウンロードURL：http://goo.gl/mqoHY 自社ホームページにGoogleアナリティクスを導入している場合、自分のアクセスまでカウン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
