【企業サイト構築用】Webページコーディングガイドライン
以前、社内共有と知見をメモするためにWordPressの設計ガイドラインを書きましたが、Webサイト（ページ）のコーディングガイドが必要となってきたので、改めてまとめてみました。 多くのWebサイトを構築した経験値に基づき、特に企業向けのWebページコーディングを、一から行う前提で記述しています。 はじめに 技術やブラウザサポートの進展にあわせて、よりモダンなフレームワークや開発環境が次々と発表されていますが、普通のWebサイト、特に企業向けのサイトに於いては、新しく革新的な技術や設計よりも、以下の方針が往々にしてマッチします。 担当者が変わっても編集・変更し易い技術選定 拡張・運用していく過程で破綻しない設計 本ガイドは、上記の方針を踏まえたコーディングガイドラインとなります。 本ガイドの最大テーマは、納品物（Webサイトデータ）に一定の品質を担保することです。よって、制作前の決め事・チ
A-FrameとReact.jsでWebサイトのVR化を試みた話 | CyberAgent Developers Blog
こんにちは。サイバーエージェントのAmeba Ownd(アメーバ・オウンド)というサービスでエンジニアをしている@fushikkyです。 最近までフロントエンドの開発を担当していましたが、現在はサーバーサイドを担当しています。ですが今回はVRの話をします。 今流行りのVRをAmeba Owndで作られたWebサイトに適用して、「WebサイトのVR化」をエイプリルフールの施策として試みた事についてまとめます。施策の売りとしては、「自分の作ったWebサイトが自動でVR化される」というところですね。 Ameba Owndは、無料でオシャレなホームページやブログが開設できるホームページビルダーです。ポートフォリオやネットショップ作成など用途は幅広いので、興味のある方はよかったら使ってみてください。 https://www.amebaownd.com/ さて、Ameba Owndでは例年エイプリルフ
面倒な設定不要！無料でWebサイトをSSL化してホスティングする超お手軽サービス厳選まとめ！ - paiza times
どうも、まさとらん（@0310lan）です。 最近は、無料であるにも関わらず、多彩な機能を提供してくれるホスティングサービスが増えてきました。 そこで今回は、面倒な「契約」や「設定」が不要で、誰でも簡単にWebサイトを即座に公開できる優れたサービスを厳選してご紹介してみようと思います。 これからWebサイトを公開しようと考えている方は、ぜひ参考にしてみてください！ ■コマンド1発でホスティングが完了するサービス！ 【 PubStorm 】 ブラウザ上に開発環境を構築できるクラウドIDEサービス「Nitrous」のチームが提供しているサービスで、エンジニアが扱いやすいように全てコマンドラインからの操作で完結できるように設計されています。 基本的な使い方としては、Webサイトを構成するファイルを作ったら以下のコマンドを叩くだけです！ $ storm publish たったこれだけで、【 プロジ
グーグルの順位決定要因2014年版――全50の要因を重要度とトレンドで一覧（後編） | Moz - SEOとインバウンドマーケティングの実践情報
Y軸がFleschスコアだ。検索順位上位にあるURLとの正の相関関係がかなり強く、平均的に読みやすいテキストであることがわかる。 ただし、コンテンツを長く（または読みやすく）するだけで検索順位を上がるわけではない。重要なのは、1つのトピックに一面的な見方だけをしているわけではないユーザーに対して、関連性が高く、包括的なコンテンツを提供することだ。 今回の調査結果が裏付けている見方がある。それは、検索エンジンがキーワードだけを重視するのをやめて、キーワードやさまざまな関連用語を中心とした個々のテーマやトピックエリア、いわゆる「コンテンツ群」を分析するようになってきたというものだ。 「SEOチェックリスト」をやめるだから、今でも市場で過剰に使われている観のある「SEOチェックリスト」という時代遅れの習慣は、すぐにやめてほしい。重要なのは検索エンジンのためにキーワードを最適化することではない。ユ
【まとめ】WebSig会議 vol.33「感覚的アプローチからのスマホUIデザイン」を行いました。 | future-proof.jp
先日、6/29にmixiさんをお借りして33回目となるWebSig 24/7が実施されました。 テーマは「感覚的アプローチからのスマホUIデザイン」。 今回は、モデレータとして運営側になり、初めての開催となりました。 WebSigには数年前からちょくちょく参加するようになり、モデレータのメンバーとも何度かやりとりしているうちに気がついたら、モデレータになっていましたw 「良いスマホアプリを作るのはWebよりはるかに難しくね？」 これが、最初の課題意識への問いかけだったのですが、これに対して考えたのは、 スマホのタッチインターフェースは、マウスと違って画面を直接触れるようになったことでより「感触」や「心地」が重要な要素になった 「感触」や「心地」のような部分はいままでの「メディア」としてのPC Webサイトではあまり語られなかった部分であり、UXデザインや、サービスデザインのような戦略か
Webサイトを分析してサイトを高速化させ、AA評価を目指す（お手軽版） - Qiita
GTmetrixやPageSpeed Insightsのスコアを上げを上げるための方法です。 細かい分析は専門家に丸投げしたいところですが、フロント寄りの人でも対応出来そうな、お手軽な項目をまとめてみました。 この記事に関連のあるキーワード： Nginx、Sass（Scss）、JavaScript、HTML5、CSS3、UI 元記事 下記エントリの転載になります。 Webサイトを分析してサイトを高速化させ、AA評価を目指す（お手軽版）- rokuro Fire 目次 GTmetrix、PageSpeed Insightsとは？ フロントエンドの対策 document.writeを一匹残らず駆逐 外部JavaScriptファイルの非同期読み込みと、読み込ませるタイミングの変更 ソーシャルボタン系スクリプトの対策 CSSのファイル数を減らし、@importを駆逐 CSSの圧縮（Compassを
Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室
Webサイトを高速化をすることによって得られるメリットは様々です。ユーザーエクスペリエンスの改善といった話とは別に、サーバーの台数を減らせることも大きなメリットでしょう。 サーバーの台数が減ればコストも下がるし、運用も楽になりますので、Webサイトの高速化はSEO対策に限定せずに実現したいところです。 しかし、「高速化しよう」「表示速度を改善しよう」といっても、実際に高速化を阻害するような要因を知っていなければ、どう取り組んで良いか分かるはずもありません。 今回の記事では非エンジニアの方でもサイト高速化のポイントがある程度理解できるように、大まかに要点をまとめています。 ＼ナイルがリードを増やした秘密を公開／ 高速化のための基礎知識 高速化という言葉の中には、大きく分けて２種類の概念が存在します。 フロントエンド側での高速化 サーバーサイド（バックエンド）側での高速化 フロントエンドとは
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
どーすりゃ上司は、わかってくれるんだ！ Web担当者って大変なのに……ヒト、予算をもっとくれ！ | Web担当者に告ぐ！ サイト運営にはコツがある
企業のなかでWeb担当者の置かれている状況は改善されてきたものの、まだ社内の理解が得にくい、他の部門と連携しながらWebサイトの運営ができていない、新しい施策がうまく回らない、予算がなかなか増えないという状況ってありますよね。 今回は、そんな悩めるWeb担当者の方のために、どうやって上司を説得し、Webサイトの運営に係る人々、経営、決済、運営組織、そして自社業態の市場とユーザー、いわばWebサイト運営に係るステークホルダーともいえる存在を意識した、戦術設計をどのようにすべきか具体的な戦略を練るうえで必要な考え方について説明します。下図の戦術の全体像を参考にしながら、記事を読み進めてください。 1st STEP Webサイトの成長モデルを可視化できている？まず、自社サイトの成長モデルについて整理をしてみましょう。前編で述べたとおり、Webサイトの運営には目的の定義が必要不可欠で、ヒト・モノ・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
