Web系セキュリティ対策のスキルハックまとめ
目次
【実録】サイトをコピー(盗用)された時の対処方法
ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12
「エックスサーバー×ワードプレス」でサブドメインを作ると、サブディレクトリが新サイト(サブドメイン)へ飛んでしまう解決法
コピーサイトはSEOペナルティがあるものの、影響は少なからずともあります。
コンテンツ数が多くなる前の早めの対処が重要です。
評価高はコスト高なものも多いので、収益性や関わる人を守りましょう。
ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12
ベイジのエンジニアさんがまとめた、簡単にできるWordPressのセキュリティ対策×12。
WordPressは、ハックされたり、複数人で管理をしていたりするとバッティングによる事故があったりします。
マスターを管理している人が、不正アクセスか内部アクセスかを判断し、把握しておくことはエラーへの対応速度を上げることになります。
売り上げの損出、また顧客への信頼も無くしますので、カバーしたいところです。
作業としてもそこまで難しくはありません。ただエラーが起こりやすいので丁寧に。
プラグインとしては、「SiteGurad WP Plugin」一択で概ねカバーできます。素晴らしい。
ベンチャー企業におけるデジタルマーケティング、広報、Web担当のチーム編成について
ベンチャー企業のマーケティング、UIデザイン、Web運用をさせて頂いているのですが、そこで質問が多く、また初期フェーズで理解してもらうのに時間を要してしまうことが多い「Web人材のチーム編成」を、QA式でまとめたいと思います。
目次
Q1. マーケティング担当もWeb担当も不在なので、何から始めていいのか分からないが、とにかくWebをまず作って欲しい。
Q2. マーケティング担当者はいるが、ここからどうチーム編成を決めて進めて行けば良いか分からない。コストをかけたくないので、できる限りミニマムのサイズで進めたい。
Q3. 社内で担当者をつけるのは難しいので、丸っと全部外注するのはダメか?
まとめ
Q1. マーケティング担当もWeb担当も不在なので、何から始めていいのか分からないが、とにかくWebをまず作って欲しい。
立ち上げて間もない時にこのご相談が多いです。
ベンチャー企業はリソース不足に加え、部署のヘッドも不在。
ザクっと目標(KPI)が決められていて、そこまでのプロセスはあまり描かれていないことが多いです。
売り上げ目標、販売数、会員数、ローンチ日、広告予算…
前例データもないので、市場規模からの逆算になりますが、不確かな状態です。
闇雲にWebを作ってもマーケティング全体の設計ができていない場合、運用フェーズになかなか移行できません。
また制作のみの外注(アウトソース)をしてしまうと、完成後に運用が手付かずで放置され、リソース不足、求人の話しで止まってしまいます。
外部でも社員でもまずは、どなたかマーケティング担当者を任命することをオススメします。
手が空いていない場合でも、兼任で構わないので、きちんと担当者と名乗ることで当人の責任意識やその後のやりとりがとても円滑に進みます。
フィードバック定例もマーケティングのみの時間をきちんともうけて、目的とスケジュールを確認しましょう。
Q2. マーケティング担当者はいるが、ここからどうチーム編成を決めて進めて行けば良いか分からない。コストをかけたくないので、できる限りミニマムのサイズで進めたい。
こちらは先ほどのQ1の一歩進んだ形です。
できる限りのミニマムサイズというお題がありますので、こちらは事業やサービスのカタチによって変わってくると思いますが、上図のような基本編成になると思います。
ポイントなのは経営陣にデジタルリテラシーがあまりない場合、エンジニアやデザイナーに直に指示を出さないということです。
チャットツール上でも言った言わないや、関係値に力関係が及ぶなど、コミュニケーショントラブルに発展することが少なくないです。
大抵の場合、相互理解が難しくバッティングして時間だけが経過してしまいます。
フィードバック定例も個別に時間を区切ることで、専門分野における思考停止などの無駄がなくなります。
Q3. 社内で担当者をつけるのは難しいので、丸っと全部外注するのはダメか?
資金調達までに時間がかかってしまったり、取り急ぎどうしてもマーケティングを進める必要がある場合は、全て外注することを検討する方もいると思います。
この場合は、できる限り制作会社やフリーランスの選定を慎重に行ってください。
費用に関しても、予算額をぶっちゃけて、どこに落とせるのか提案を受けて冷静に判断しましょう。
社内に詳しい人がいない場合は、信頼のできる経験者に有料でも一度相談をしたほうが良いです。
マーケティング設計、技術や実績の評価を素人が判断することで、何度もやり直し、制作の中止、内容の相違が起こってしまうことがあります。
スタートを間違えることは、建築でいうところの設計図が間違っている状態で大工が家を作っていくようなものです。
その際、制作だけで話しが終わらないように、運用フェーズなど中長期の計画に関しても相談するようにしてください。
未来に起こるであろう想定を先に話し依頼することで、コスト抑えて、継続的に運用を行っていくことができます。
この際、プロデューサー/ディレクターとのコミュニケーションは一定のルール化(定例や連絡のやりとり、報告フォーマットなど)をすることをオススメします。
全てアウトソースしている場合は、コミュニケーションを取らず任せっきりになることで、優先順位が下がってしまいます。注意しましょう。
安定運用までの初速を上げること、結果に対しての仮説検証が、成功への近道です。
まとめ
ベンチャー企業にとってマーケティング体制を整えることに時間をかけることは苦痛だと思いますが、中長期の投資回収を考えると、安定的にアウトプットし、分析、フィードバックできるチーム編成は必要不可欠です。
また、ITやデジタル人材は、今後も需要が高まることから、普段から人材へのアプローチを意識することを心がけましょう。
案外、熱意に弱いものです。
さらには1人で2人〜5人分くらいできてしまう、モンスター的なフルスタック人材からブーストできると初速がぐっと上がりますので、積極的に自社ホームページやSNSなどで募集アピールするのも重要です。
データ分析、データサイエンススキルハックまとめ
目次
データ分析から因果関係を探して、ビジネス改善につなげる5つのステップ
データ分析から因果関係を探して、ビジネス改善につなげる5つのステップ
デジタルマーケ、データ分析問題。
・データ取ってない
・データとか意味ない(ディスり)
・思考停止
・仮説検証ができない
・UIは関係ない(決めつけ)
・コスパが合わない(わかる人がいない)
すぐにツールの話しなることが多いけれど、まずは取得可能な項目の分析で仮説検証を行なって、ミニマムでも最大化できる項目を選択してクリアにするのがオススメです。
馴れてくれば細分化、徐々に全体設計した方が、初めての方は入りやすいと思います。
データ分析は、属人的な見たいものや知見などではなくて、科学的に因果関係を探すことです(何より継続的資産です)。
無料で最大化できるのでやらない手はないです。
デジタルトランスフォーメーション(DX)のやり方、事例や課題まとめ
目次
AIブーム終焉の意味するところ
ノーコードとローコードの違い
AIブーム終焉の意味するところ
AIだけでなく先端技術全般で言えることで、技術そのものでのニーズは初期フェーズの熱狂や期待感で、長期的な市場は望めない。
ノーコード、オープンソース、プラグイン、SNS、ハイテクデバイス、アドテクの民主化は専門会社をチープなものに置き換えて、事業の本質をどのように素早く、拡張、形にするかにフォーカスしていって自在に形成できるような設計、クリエイティビティに価値が移行する。
永遠に変化し続けて生き延びる方法もあるかもですが...(スピード感と資産形成が難しい)
制作やマーケティングという言葉がオワコン化する中、自戒もしつつ、ペインの先回り、クリエイティブを磨かなくては。
飲食店のDX(デジタルトランスフォーメーション)
・Youtube:動画マーケ
・note:有料記事
・UberEats:出店/配達員
・PICKS:事前オーダー
・TABETE:フードロスオーダー
・BASE:食材通販
・toreta:来店予約
・favyサブスク:定額サービス
・ラクスル:ポスティング
・SNS:SNSマーケ
・PayPay:キャッシュレス決済
全然分からなくもない話しだけど、これだけの運用はそれほど甘くないし、店舗の規模感考慮(費用対)、効果は積み上げとコミュニティ形成が必要。
ただ、知っておく必要はあるし、この機会にリアルと同時並行して飲食業界もリード育成、顧客管理、データ分析、資産を積み上げる分岐にはきてる。
とはいえ、自分も結構長く飲食でバイトをしていたけど、やりがいやモチベーションはリアルな接客や仲間との交流(フレアは特に客前のパフォーマンス、独特の空気感)。働くスタッフ的には難しい面もある。
最新記事
テクニック
2021年最新のWebデザイン・UI/UXデザイン・グラフィックデザイントレンドまとめ
目次
【2021年版】UI/UXデザインの最新トレンド10選
2021年に流行るデザインの最新トレンド10選!グラフィックデザイン&Webデザイン
2021年のUI/UXデザインのトレンドとそれらをあなたのために機能させる方法
ついに出た!2021年注目のWebデザイン人気トレンド9個まとめ
2020-2021年に注目!Webサイトアニメーションの人気トレンド7個まとめ
2021年のWebデザイントレンドが分かる参考サイト7選
2021年WEBデザイントレンド予測
2021年に注目したいWebデザイントレンド 【2021年注目のデザイントレンド】シスコム予測
2021年最新のデザイントレンド
【海外】2021年注目のWebデザイントレンド予測6選
ユーザーをワクワクさせる、最新UI/UXデザイントレンド5選【2020–2021】
【2021年版】UI/UXデザインの最新トレンド10選
2021年のトレンドの一つは、複合要素の組み込み、組み合わせです。
3D、音声、カラー、フォントなどの各要素が紹介されています。
単純な旧Webデザイン(画像+コーディング)では差別化が難しく、Webデザイナーに求められるスキルは年々増えています。
1. ダークモード
2. 没入型3D
3. 手作り感のあるデザイン
4. 奥行きのあるデザイン
5. 写真×イラスト
6. 音声を使ったUI
7. 抽象的なデータの可視化
8. 太字のフォント
9. カジュアルな文体
10. 近未来的な色の組み合わせ
2021年に流行るデザインの最新トレンド10選!グラフィックデザイン&Webデザイン
アートディレクター&デザイナーのシクさんのnote。
アメリカの記事を参考にまとめられていて、他とは違うテイストです。
特に復刻しているクラシック(レトロ)デザインが、世代が変わってきている印象を受けます。
1.シンプルな幾何学模様
2.シンプルなデータビジュアライズ
3.フラットなイラスト
4.3Dなイラスト
5.グレインテクスチャ
6.クラシカルなフォント
7.カラーレス/ダブルトーン
8.絵文字デザイン
9.メタリック
10.ボクセルアート
2021年のUI/UXデザインのトレンドとそれらをあなたのために機能させる方法
UXを主軸においてピックされています。
最近では、GoogleもUX関連のランキングシグナルを公式ブログで発表しています。
テクノロジーの体験価値は、向上の余地も大きいので、導入にどのくらいの力をさけるかで差が出る部分です。
#1 リモートおよび仮想のすべてのもの
#2...
テクニック
Webデザイン(UIUX)のスキルハックまとめ
目次
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた
2020年のUIUXトレンド
【決定版】効果的なCTAボタンのデザイン・テキスト・配置
カスタム404ページとは
見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに)
ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在)
【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい
要素の順番を入れ替えられるflexboxのorderを活用しよう
CSSを使って縁取り文字を表現する方法 (デザインサンプル付き)
CSSレイアウト(レスポンシブデザイン)の考え方やパターンをまとめた「Every Layout」
一覧でみやすいCSSコピペサイト「See-SS」50個以上のデザインパーツ
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた
一通り知って実践できるレベルであれば、現役は問題なし。
これから目指す方も守備範囲を知る上で大切です。
1.デザイナーならこれは読むべきメディア
2.デザインギャラリーサイト
3.figmaの使い方
4.配色
5.配置
6.素材の使い方
7.フォント
8.画像サイト
9.UX
10.EC
2020年のUIUXトレンド
2020年のトレンドをサラっていきましょう。
5Gに向けての準備期間とも言えます。
・カスタムグラフィック
・モーショングラフィック/エフェクト
・淡いグラデーション
・スピード重視
・ページローダー
・プロダクトオーナー
5Gのブレイクスルーで、リッチでも爆速なサイト制作(ページの長さも影響する!?)。
動画実装前提で、爆速再生が求められる。
感覚的なグラフィックやインタラクション、また鮮明伝達の重要度が上がってCVRに影響。
デザイナーやエンジニアにとっては、細分化か、複数の技術スペックか迷うところ…
【決定版】効果的なCTAボタンのデザイン・テキスト・配置
効果的なCTAボタンのデザインでCVを上げることができます。
テキスト、配置、カラー、矢印、スペースなど、ちょっとした調整で大幅にクリック率やコンバージョン率が変化します。
基礎やトレンドを抑えつつ、ABテストを行うように。
カスタム404ページとは
カスタム404ページの作成は済ませていますか。
UXの高いイケてる404を見ると、Webデザイナーのスキルを感じます。
引越しやURLの変更などを行うと大量の404が発生しますので、サチコを確認しながら対処をしっかりとしましょう。
404ページ内でも、戻れるように最低でもトップリンクと、ヘッダー、フッターはつけておいて欲しいところ。
見出しの装飾・デザイン一覧 100選!半分有料(デザインのひきだしに)
デザイン系のyoutube展開、見やすくて流し見ると勉強になります。
web上でも見出しの装飾は悩みのポイントなので、h1、h2、h3…などのパターンとしてCSSデザインできると良いと思います。
オウンドメディア、ブログなどでは読み進めていくためのトリガーにもなっています(滞在時間の向上)。
個人的にはモチーフを入れるというのが、イメージも定着しそうでやってみたいなと思いました。
ソシオメディアさんがまとめた、ヒューマンインターフェースガイドライン100(2020年2月現在)
1. シンプルにする
2. 簡単にする
3. メンタルモデル(ユーザーが想像する利用モデル)
4. シグニファイア(その意味が一目でわかる)
5. マッピング(操作と結果の関連)
6. 一貫性
7. ユーザーの主導権
8. 直接操作
9....
テクニック
SEO(検索エンジン最適化)のスキルハックまとめ
目次
コーポレートサイトのSEOグロースの仕方
2020年のSEOを考えるには2019年まとめ
ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう!
人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。
「WEBライティングの見出しをつける際の基本事項」
コーポレートサイトのSEOグロースの仕方
LIG × ペイジ
同業に思えるけど、ポディションとネームがあってなせるコラボ。
SEOもブランディングも新規以外の、ある程度の市場規模を狙っていくとなると、強みの分析になる。
法人の強みって初期段階では個人の強みで、ここの設計がCVR(顧客転換率)ってイメージです。
頭にパッと浮かぶ個人や法人、プロダクト…。
そこを目指さないと経営は厳しい。
2020年のSEOを考えるには2019年まとめ
・権威性が「非常に強い」
・コンテンツにコストを投じていたか
・被リンク構築を圧倒的な質と量で行っていたか
これを読むと、2019年から2020年にGoogleはどこに向かっていくのか方向性が掴めます。
ブログ記事の目次は必要?不要?ブログ初心者は自分のために設定しよう!
記事の書き方「目次」。
目次はつけてますか?または、検討してますか。
記事の長さや種類を考えた上でプラグインなどの導入を考えましょう。
h2要素に着目。
人気ブログサービスMediumが検索トラフィック激減! ブランド構築に他社サービス依存は危険。
これはどんなプラットホームにも起こりえること。
手数として色々やるのはありだけど、自社・個人管理の本丸を育てるのは大事なこと。
「WEBライティングの見出しをつける際の基本事項」
1.ターゲットが明確になっている
2.読むことによるメリットが記載されている
3.最新の情報であることを意識する
4.感情を刺激する
h1タグ〜h3など階層構造をしっかりと意識して、表示させたいキーワード検索における1位を確認し、読み手、SEO(google検索)共に高評価、シェアが得られるように意識してライティングを行うことが大切です。
文章が長いか短いかの判断ではなく、タイトルに対しての必要な情報、回答が網羅されているかどうか、それは読み手の満足度、記事の滞在率の向上に影響します。
また記事の場合、流し読んでも満足感を得られるように、タイトルの装飾、直下の適切な画像など可能な限りUXを向上させて、可読を進めてもらうのもポイントです。
テクニック
無料有料で使える役に立つWebツール
目次
CodePen(コードペン)HTML、CSS、JSのコードをWeb上で確認が出来るサービス
面倒な切り抜き作業が一瞬で終わる Remove Image Background
SEOチェキ! 無料で使えるSEOツール
text-shadowジェネレーター
質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。
無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10
CodePen(コードペン)HTML、CSS、JSのコードをWeb上で確認が出来るサービス
フロントエンド、Webデザイナーの方へ!
コードペンを暇つぶしにひたすら見るとできる人になった気分になれる。
コードで絵を書くって楽しいよね。
面倒な切り抜き作業が一瞬で終わる Remove Image Background
切り抜きの決定版。
Photoshopなどで時間のかかる、背景の切り抜きが一瞬です。
結構エグイ精度ですよ。
SEOチェキ! 無料で使えるSEOツール
ページのタイトルなどmetaタグ情報(h1)やインデックス数、簡易順位チェックやキーワード出現率...
細かい分析ではなくて、記事やページ作成したらまずURL入力してgoogleにちゃんと食わせているか確認要。
text-shadowジェネレーター
CSS3で使うtext-shadowのジェネレーターです。
ざっくりとシャドウを作ってくれます。
質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ。
LIGさんの殿堂入り記事。
ベクターデータを使ってサクッといい感じの画像を作れます。
デザイン制作が苦手な方でも簡単に作れるありがたいデータ。有料無料問わず規約はチェック。
無料で800種類以上のウェブフォントを使用できるサービス「Google Fonts」2019年-2020年トップ10
1:Roboto
2:Open Sans
3:Lato
4:Montserrat
5:Roboto Condensed
6:Source Sans Pro
7:Oswald
8:Raleway
9:Merriweather
10:Roboto Mono
Web制作には欠かせない、Google Fonts。
ページビュー数をランキング形式で確認するアナリティクスがあるので、チェックしてみてください。
Analytics -...
まとめ
オススメ作業系創作系BGMまとめ
目次
【日本語ラップmix】〜深夜に聞くCHILL RAP〜 Japanese chill rap. mixed by DJ Tatsuki
宇多田ヒカル - 30代はほどほど。(ダイジェスト映像)
朝のタバコが100倍美味しくなる日本語ラップmix
Best of Hiroyuki Sawano Vol.1 | 澤野弘之の神曲&BGM集 (42:39)
深夜に聞きたい日本語ラップMIX...