Webデザイン制作のために、絶対に質問すべき64のコト ｜ブログ｜root｜デザインの実践を個から組織・事業へ
どんなに綿密な打ち合わせを行っていても、クライアントの持っているイメージどおりにWebサイトを制作するのは難しいもの。最終チェックで「なんかイメージ違うんだよな……」なんて言われた苦い経験は、誰にでもあるのではないでしょうか。 今回は、そんなすれ違いを少しでもなくすために、制作前に確認しておきたいことをまとめました。自分専用にオリジナルのヒアリングシートを作る際にも使えるので、ぜひ活用してみてください。 まずはここから！制作コンセプト編何をおいても、必ず確認しておきたいのが制作コンセプト。サイトを作る目的が曖昧なままでは、いつまでたってもクライアントの要求を満たせるページは生み出せません。まずはここで紹介する項目を確認し、サイトのイメージをつかんでいきましょう。 1. どのような種類のサイトを制作するのか？（商品情報サイト、ECサイト、キャンペーンサイトなど）2. どのような顧客をターゲッ
CloudConvert
File Converter CloudConvert is an online file converter. We support nearly all audio, video, document, ebook, archive, image, spreadsheet, and presentation formats. To get started, use the button below and select files to convert from your computer.
Webエンジニアだったら当然知っておきたい「 クリックジャッキング対策 」とは？ | 株式会社ヌーラボ(Nulab inc.)
こんにちは。Typetalkチームの永江です。今回は4月にリリースした、BacklogとTypetalkの連携機能である「Backlogカード」の実装の際に行った クリックジャッキング対策 について説明します。 Backlogカードとは Backlogカードは、Typetalkのトピック内にBacklogの課題やコメントをカード形式にして表示する機能です。Backlogの課題キーや課題のURLを貼り付けるだけで、以下の画像のように表示できます（※詳しいご利用方法についてはこちらの「Typetalkのトピック上で課題の詳細を見られる Backlogカード をリリースしました！」をご参照ください）。 Backlogカードの実装は、TypetalkからBacklogに用意した埋め込み用の課題ページを<iframe>で表示するというものです。このような実装にしたのは、もともとBacklogに<if
AUN[あうん]｜登録不要の修正依頼・指示ツール
対応ウェブブラウザ Internet Explorer 8 以降（8-10は機能制限あり） Firefox 最新版 Google Chrome 最新版 Safari 最新版（クリップボード使用不可） Opera 最新版（クリップボード使用不可） ファイルアップロード機能 Internet Explorer 10以降、Chrome最新版、Firefox最新版、Safari最新版、Opera最新版 クリップボードアップロード機能 Internet Explorer 11以降、Chrome最新版、Firefox最新版 JavaScript 有効にする インターネット接続回線環境 56kbps以上、ブロードバンド環境推奨 画面の解像度 1024×768ピクセル以上 Cookieの利用について クッキー（Cookie）とは、Webサイトが利用者のコンピュータに送信してくるデータファイルです。 クッキ
![AUN[あうん]｜登録不要の修正依頼・指示ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/80d7ef00157a95f1026eb6ba3e952aeffe00b3f2/height=288;version=1;width=512/https%3A%2F%2Faun.tools%2Finc%2Fimages%2Fogp-image.jpg)
5分でわかる正しい Web サイト常時 SSL 化のための基礎知識
Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL
SEO業者に35万円払ったが、最悪な結果となったのでブログをはじめました。本当にありがとうございました。
タイトルの通りですが、僕は昨年、とある業者に350,000円（正確には、税込378,000円）払って、SEO対策を依頼しました。 そして、その結果は、マジFUCKER！って感じでした。 施策を受けた対象のサイトは、このサイトではありませんが、やはり35万円はすぐに立ち直れる金額ではなかったので、その時の詳しい経緯から現在、そしてこれからについて書いてみようと思います。 今回、具体的な業者の名前は伏せておきます。（なんか変なことされると怖いので） ただ、大手どころです。 大手だから大丈夫かな、と思った自分が情けないです。 大手だから、「より上手く」ごまかせるんですね。 これからSEOを外にお願いしようと思っている方は、もう一度考え直す必要があるかもしれませんよ。 SEOの裏技とは？ウェブサイトから情報発信する方にとっては、SEO（検索エンジン最適化）は、誰しもが興味のあるところかと思います。
個人でもサイト立ち上げ時は実施すべき7ステップ - 鈴木です。別館
本記事は移転しました。 約1秒後にリダイレクトします。 リダイレクトしない場合はここをクリックしてください。
[Apache] スパムっぽいアクセスをなるべく拒否したい | バシャログ。
どうもこんにちは、nakamura です。最近、我が家の風呂場にやたらとヤモリが出現して困ります。だって目が悪いからぱっと見、やたら動きの早いナメクジに見えるんだもの。 なかなか実感はわかないかもしれませんが、インターネットの世界には全くもって訳の分からないパケットが溢れ返っています。明らかに悪意のあるパケットもあれば、目的のさっぱり分からないものまで多種多様、今日はそんな中でも HTTP のあやしげなリクエストを Apache のちょっとした設定で拒否する方法をご紹介します。（そもそもこういうアクセスのことをスパムと呼ぶのかどうか怪しいですが） 実際にはスパムっぽいアクセスを 100% 防ぐことは不可能ですが、今回ご紹介するのは割と手軽な設定でまぁまぁそれなりに効果がある（と僕が思っている）ものですので、こういうの気になる！っていう人はぜひ一度試してみてください。 環境は CentOS-
![[Apache] スパムっぽいアクセスをなるべく拒否したい | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/20c0b0df62783283e7ba333774006e31f6235c74/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fdb01.jpg)
メンテナブルCSS
概要 メンテナブルなCSSを目指し、定義された一般的なCSSルールの紹介と、それらのルールを適用するにあたって活用できるツールを報告します。 1. 序論 CSSは記述ルールが簡素であり、少しの学習コストですぐに記述ができる手軽なツールです。 しかし、大規模なアプリケーションで複数人で開発するケース等では、見栄えだけしか考えずに身勝手にコーディングしてしまうと、 非常にメンテナンスコストがかかる負の遺産が作られてしまいます。 そのためCSSの品質を保つために様々なプロジェクトで、CSSの定義ルールが決められています。 本稿では一般的なCSSの定義ルールと、そのルールがなぜ作られたのかを合せて報告致します。 また、CSSのルールを適用するにあたって、手動・目視でルールの適用をチェックするのは非常にコストが高い作業です。 これらルールの適用を補助するツール群を、合せて報告致します。
[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium
ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。 スクリプトは、開発環境で実行してください。 公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイル テストするページの全てに、当スクリプトを外部ファイルとして記述します。 場所は、head内でも</bo
IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
パスワード攻撃に対抗するWebサイト側セキュリティ強化策
Webサイトのパスワード認証を狙った攻撃が大きな脅威になっています。 Tサイト（プレスリリース） goo（プレスリリース） フレッツ光メンバーズクラブ（プレスリリース） eBook Japan（プレスリリース） My JR-EAST（プレスリリース） これらの事例のうちいくつか（あるいは全て）は、別のサイトで漏洩したIDとパスワードの一覧表を用いた「パスワードリスト攻撃（後述）」であると考えられています。パスワードリスト攻撃を含めて、パスワードを狙った攻撃が成立してしまう原因は、利用者のパスワード管理に問題がある場合が多く、攻撃を受けたWebサイト側には、直接の責任はないケースが多いと考えられます。 しかしながら、 大半の利用者はパスワード管理に興味がない パスワード認証を採用している理由は、コスト上の理由、すなわちサイト側の経済的な事情 インターネットが「とても危険なもの」となるとネット
userAgent一覧
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
Credit Card Test Numbers and Paypal Test Accounts
2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」
Webコンテンツの制作ガイド~売れるサイト作りに必要不可欠な5ステップ~
２．WEBサイトに必要な３つのコンテンツを知る商用サイトに適したWEBコンテンツは、大別して以下の３つに分かれる。 集客に適したWEBコンテンツ教育に適したWEBコンテンツセールスに適したWEBコンテンツこの３つの内、どれが欠けても、最大の成果を出せるサイトにはならない。 実際のお店を思い浮かべて欲しい。どれだけ素晴らしい商品を販売しているお店でも、お客様が来なければモノは売れない（集客）。さらに、お客様が来たとしても、丁寧に接客をして、商品のニーズやウォンツを高めることをしなければ購入意欲は生まれない（教育）。最後に、自信を持ってクロージングをしなければ、お客様は決断を先延ばしにしてしまう（セールス）。 従って、WEBサイトでも、実際の店舗と同じように、集客コンテンツ、教育コンテンツ、セールスコンテンツが必要なのだ。 それでは、これらのWEBコンテンツを、もう少し深く理解しよう。 ①集客
わかりやすい文章の10大原則
この記事では、LINEグループに招待できない・参加できない時の対処法や原因についてお伝えしていきたいと思う。 複数人で連絡を行う際にLINEのグループ機能は非常に役に立つ。学校でも職場でも利用されている事が多く、グループ内通話も出来るので簡単な打ち合わせ程度であれば、LINEでも可能になった。 グループの作り方も非常に簡単。 しかし、なぜか相手に招待が届かない…といったことも度々ある。 では、この招待が届かない時によくある原因について見ていこう。 LINEグループに招待できない時の対処法・原因 基本的に以下の場合は、相手に招待を送っても届かない。 既にLINEを退会している(アカウントを変更している)場合 既に招待を送っている場合 相手にブロックされている場合 もしくは、招待しているけれど参加されない…といった場合は、相手側が参加を拒否している可能性もある。 上記の3点に当てはまらない場合
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flatis
新着記事
