ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに利用できるプロトタイプとして、HTMLの知識はほとんどいらずにほんの数クリックで自分用のHTMLファイルが作成できます。 Aperitif 使い方は、簡単です。 登録やメールアドレス入力など、面倒なことは一切必要ありません。 まずは、サイトにアクセスします。 ※対応ブラウザは、Chrome, Safari, Firefoxで、IEは準備中です（2017年9月現在）。

サイトごとにかかれているホームページ制作料金の相場がバラバラで、どれが本当の料金相場なのかがわからない。と感じていませんか？ 実際のところ、Googleで「ホームページ制作 費用 相場」等で検索して表示されているWEBサイトがいう料金相場は、決して間違えているわけではありません。 しかし、ホームページに求める効果・目的次第で、ホームページ制作費用の相場が大きく変わるので、適正な料金相場がわからないことが問題なのです。 こういった背景を踏まえてこの記事では、下記2点のことが分かります。 効果・目的別に必要なホームページの違いアナタの求めるホームページを制作するための適切な費用相場この2点がわかれば、使い物にならないホームページを作る事もなくなり、無駄に費用を掛けなくて済む助けになるかと思います。 ホームページ制作の費用相場（早見表）ホームページとはいってもコーポレートサイトや採用サイト、ポー

Google Analyticsを使って11月のアクセス集計していると、今までよりPVが増えている人多いかもしれませんね。 よくみるとGoogleやLifehackerからのトラフィックもある！？ 自分の管理サイトからそういうアクセスデータがあがってきている人、要注意です。そのデータ、スパムで水増しされています。 面倒くさいけどスパム対策しましょう 11月のアクセスデータ、スパム汚染されてい人多いと思います。 僕もこのブログ含め仕事でもいくつかサイト管理してますが、今月全てのサイトでスパムを確認しています。同様に被害にあっている方も多いと想像できます。 アナリティクスのデータがスパムに汚染されていると、正しいアクセス解析が出来ませんので、PVが増えているように見えてもそれはぬか喜びです。 アクセス解析する前にきちんと除去しておきましょう。 この記事では、リファラースパム対策について書きます

上達すればカメラがもっと面白くなる せっかく仕事やバイトなどで稼いだお金で一眼レフカメラを買ったなら、上手になっていい写真を撮りたいですよね。 そこで本記事では、カメラ初心者が知っておくべき基本の本を押さえた、カメラについて詳しいサービスをまとめました。 設定や撮影テクニックを知っているのと知らないのとでは写真の仕上がりが違ってくるので、初心者を脱するためにもカメラについて学びましょう。 1.デジタル一眼レフカメラの基礎知識 / Nikon http://www.nikon-image.com/enjoy/phototech/manual/ Nikonの公式サイトに掲載されている、デジタル一眼レフカメラの基礎知識をまとめたページです。 カメラの構造、露出、ISO感度、オートフォーカス、ホワイトバランスなど、 一眼レフを使いこなすために知っておきたい基礎知識が学べます。 一眼レフを使い始めて

CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 ブックマークしておいて、PDFや画像をダウンロードして、すぐに確認できるようにしておくと便利ですね。

ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

要求定義フェーズでよく使われるユースケース図。先輩に書けと言われたけど、「そもそもユースケース図って何？」「必要性は？」「どう書けば良いの？」と困っている方も多いのではないでしょうか。 若手SEなど難しいイメージを持っている方も多いですが、実はけして難しいものではありません。この記事で解説している基礎知識を抑えてしまえば、たった５つのステップで作成できてしまいます。 この記事では、ユースケース図の基礎知識から５つの作成ステップまで、エンジニアが抑えておくべきユースケース図の全知識を徹底的に分かりやすく解説します。 この記事を読み終えたとき、若手エンジニアもユースケース図を書けるようになっているでしょう。この記事を参考に、ユースケース図を書いてみましょう。 １．ユースケース図とは ユースケース図とは、「ユーザーの視点でシステムの利用例を表現する図解術」です。 海外では「Use Case Di

+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

2016 - 06 - 28 企画作成やアイデア出しを効率化！アイデアの出し方・フレームワーク・思考ツール・情報収集など役立つサイト＆良記事まとめ アイデア 情報収集 企画書 思考法 業務効率化 プレゼン フレームワーク シェアする Twitter Google Pocket Line アイデア・メーカー―今までにない発想を生み出しビジネスモデルを設計する教科書＆問題集[Kindle版] posted with ヨメレバ 山口 高弘 東洋経済新報社 2015-04-24 Kindle Amazon[書籍版] 記事の目的 新たに企画をつくったり、アイデアを出したりするためには、アイデアの出し方やフレームワークを学ぶことが重要です。また情報や知識の蓄積によって、アイデアに繋がるネタを発見していくことも求められます。 今回は、アイデアの出し方やフレームワーク、アイデアを出すためのツールや本など非

トマトの美味しい季節がやってきました。 今では一年中見られるトマトですが、やっぱりこれから夏にかけてが一番美味しいですよね。 そんなトマトをも〜っと美味しく食べる一品を紹介します♪ トマトのみりん漬け トマトのみりん漬けのレシピ 材料 ミニトマト　　　１パック（500gくらい） みりん 昆布の水出汁* みりんと昆布出汁は１：１で。 使う量は、容器の大きさに合わせてください。 作り方 ミニトマトはヘタを取ってよく洗い、熱湯に30秒ほど浸けて湯むきします。 鍋にみりんと昆布の水出汁を入れて、一煮立ちさせます。 清潔な保存容器に1のトマトを入れ、上から2のつけ汁を注ぎます。トマトが隠れるように、たっぷり注ぎます。 ＊「昆布の水出汁」は、昆布を水につけただけのお出汁です。 丸一昼夜つけ込むと、美味しいお出汁が出てきます。 煮出した普通の昆布出汁と比べると、ちょっと薄いけれど、爽やかな旨味が感じられ

バイラルメディア「Spotlight」の編集部は、理想の記事タイトルを徹底的に追求しているらしい。タイトルの見直しだけで、クリック率が20倍になった記事もあるとのこと。 どんな手を使っているのか。Spotlight提携メディアの「オリジナル記事タイトル」と、「Spotlight編集部が手を加えたタイトル」を比較してみた。 http://spotlight-media.jp/writer/9179spotlight-media.jp １．「あああああああああ」が効いてる 【スキップ・膝かっくん】大人になってやらなくなった18のこと ↓ 扇風機に向かって「あああああああああ」大人になってやらなくなった18のこと ２．書き手の主張をタイトルに明記 保育環境を整えれば子供を産む、という大ウソ ↓ 日本の少子化が止まらないのは、若者が子育てよりも自分のことが大好きだから ３．「ツッコミどころ」をつく

Webデザイナーに求められるスキルは、HTML・CSS・JQuery・WordPress・タイポグラフィ・配色・コピーライティングなど多岐に渡ります。より多くの知識・技術を身につけていれば、Webデザイナーとして活躍できるチャンスは増えるでしょう。そこで今回は、これらのスキルを独学で学ぶための方法をご紹介します。 ＜この記事に関連する記事＞ 初心者Webデザイナーの独学におすすめの本10選 グラフィックデザイナーからWebデザイナーに転職するには？ Webデザイナーになるには？未経験のための実践的フロー 目次 Webデザイナーの仕事内容と必要なスキル Webデザインを独学で勉強する方法 独学でWebデザインを学習するときにおすすめのサイト 独学をするときの注意点 まとめ Webデザイナーの仕事内容と必要なスキル 独学で勉強をする前に、Webデザイナーの仕事内容とそれに伴って必要となるスキル

ブログにしろダイアリーにしろブックマークにしろ、はてなにお住いの皆さんが1日にブラウザと過ごす時間は、他のかたよりそれなりに多いことと思う。 そんなブラウザ使いの貴公子たちよ、こんな経験をしたことはないだろうか。 折角書いたブログ記事が誤操作で消えてしまった。 タブを開きすぎたことにより、メモリを食い過ぎてブラウザが落ちた。 ブラウザなんて要らない、俺は念力で十分だ。 そんな迷える子羊たちにオススメなのが、今回紹介するWebブラウザ「Vivaldi」だ。 コイツは使い始めは他のブラウザと変わらない「何の変哲もないただのブラウザ」だが、カスタマイズ次第で子羊たちを弄もてあそぶ「モンスターブラウザ」と化す。 特にChromeユーザーのあなたに、声を大にして伝えたい。 今のところChromeを使い続ける理由はなさそうなので、今日から乗り換えてしまおう！ Vivaldi？そいつは食えるのか？ Vi

© SHUEISHA Inc. All rights reserved. このサイトのデータの著作権は集英社が保有します。無断複製転載放送等は禁止します。

Webサイトを長年運営していると、デザインの流行り廃り、改善のために修正が必要になるのは当然です。 それが大規模になれば大幅なリニューアルを検討する必要もあるでしょう。 特にリニューアルはトラブルがつきものです。そのため、事前に要件定義として新たなデザイン案や仕様など細かく決めておきましょう。 今回は、Webサイトのサイトリニューアルする際、参考になる記事をまとめてご紹介します。 リニューアルを成功させるためにもぜひご一読ください。 サイトリニューアルの参考になる良記事まとめ 1.目的を達成させるための最適なWebサイトのタイプ(種類) http://creators-manual.com/kind_site/ 単にWebサイトを作ると言っても、目的によって最適なタイプは異なります。 せっかくサイトリニューアルをしてもWebサイトの目的につながらなければ意味がありません。 この記事では、W

シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし

こんにちは。僕はWordPressを使い始めてから５年位になるんですが、それまでに何度も何度も何度も何度も…サイトを潰したり、設定を変えたりしてきました。 そんな中で今の状態（設定とか機能）に落ち着いたわけですが、「これ、最初から知ってたらよかった！！」って内容がある多々あります。 「誰か教えといてくれよ！！」と何度心の中で叫んだことかｗ WordPressではプラグインの追加とか、デザインの変更なんかは後からいくらでもできるんですが、そうじゃない部分ってのがあります。 「パーマリンクの設定」や「記事内の見出しの使い方」、「最低限利用するコア系のプラグイン」なんかです。 というわけで、今回はWordPressをはじめたばかりという方やこれからWordPressにしようとしているという方に向けて、自分なりの見解をもとに決めた最低限の初期設定をご紹介したいと思います。 パーマリンクの設定 まず