日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．

シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 <div class="jagged-wrap-inner"> <div class="offset"></div> <div class="lightgray-bg jagged-border"></div> <div class="white-bg jagged-border"></div> <div class="darkgray-bg jagged-border"></div> </div> ギザギザを一つにした最小限のセットは、こんな感じです。 <div class="jagged-wrap-inner"> <div class="offse

こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co.uk/csstablegallery/tables/42.php 黒を基調に、リンクに青色を使っているテーブルです。 英語だからいいのかもしれないのですがスタイリッシュなテーブルです。 Casablanca http://icant.co.uk/csstablegallery/tables/71.php グレーと赤を使ったテーブル。色

Skip to main content

コンテンツへスキップ →web コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール

最近、大規模なWordPressのサイトの乗っ取りが発生しました。今回の原因はWordPressではなくサーバの設定に問題があったようですが、LAMPサーバの設定を正しく行うのは難しいですし、ApacheやPHP、WordPressのバージョンアップをきちんと行っていくのは、結構大変です。 自分でサーバを運用していて、セキュリティ対策をきちんとしていると言える人は、実はあまり多くないのでは無いでしょうか？プラグインなどを複数導入している場合には、それらのプラグインのセキュリティ対策を行うのはかなり難しいといえます。 そんな中、高セキュリティ環境でWordPressを運用する方法はないのか考えてみました。それにはサーバ上でアプリを動かさないのが一番では無いでしょうか？ 私のブログであれば、Voteなど動的な機能は使っていないので、WordPressのデータから静的なHTMLを生成して、Ama

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間: 2分] 米Googleは2013年5月13日、スマホ向けサイトで、サイト内コンテンツをリコメンドするサービスをスタートした。Google+の管理ページで登録を済ませて、特別なコードを自分のサイトに組み込めば、スマホでページ閲覧時にサイト内コン

米Google Matt Cutts、Google 検索アルゴリズムの変更計画の詳細を語る グーグル・マットカッツ氏が今後のGoogle検索ランキングアルゴリズム変更計画について語る。ペンギンアップデートは次回は大きなものに、新しいリンク分析アルゴリズムの導入など。 公開日時：2013年05月14日 04:52 米Google マット・カッツ氏が、今後の同社検索アルゴリズムの変更計画やスパムへの対応について、ビデオで詳細を語った。 “What should we expect in the next few months in terms of SEO for Google?” 以下、重要なところをピックアップ。 ペンギン・アップデート ペンギンアップデートについては既報の通り、次回の更新はより広範囲で、より影響が大きなものになるという。次回更新は Google 内部では「ペンギン 2.0

WordPressのビジュアルエディタをカスタマイズする Wordpressのビジュアルエディタは基本的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。 この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。 TinyMCE Advancedとかプラグイン入れた方がはやくね？　とか言ってはいけない！ 投稿日2010年12月17日 更新日2015年01月08日 オリジナルのスタイルを適用する。 ビジュアルエディタはそのままだとテンプレートとスタイルが違うので、最終的なイメージがつかみにくいですよね。 テンプレートと同じスタイルを適用して、ある程度イメージの確認ができるようにしてみましょう。 現在使用しているテンプレートフォルダの「functions.php」に以下を記述します。なければ作成しましょう。 functions.php

WordPressのhtmlエディターをハイライト表示するプラグイン「HTML Editor Syntax Highlighter」 Wordpressの標準のhtmlエディターはタグでも文字でも全て同じ色になってしまい、タグベースで記事を書くには不便ですね。 そこで、htmlタグをハイライト表示してくれるプラグイン「HTML Editor Syntax Highlighter」をご紹介いたします。 投稿日2012年04月24日 更新日2012年04月24日

検索マーケティングにおけるマーケティングファネル戦略は、見込み客が購買行動の段階ごとに必要とする情報をコンテンツとして発信する試みです。これによって、見込み客が必要としている情報を、必要とするときに、効率よく届けることが可能になります。SEOを中心としながら、他の集客手法を併用することで、さらに効果が高まります。 マーケティングファネルとはマーケティングファネルとは、カスタマージャーニーを漏斗状に表したモデルです1。顧客の人生に起こった困りごとや悩み、課題や問題を認識するところから始まり、その解決策を検討し購入するまでに通過するルートをマッピングしています。マーケターはこれを分析することで、段階ごとの施策を知ることができます。以下の図はその例です。

[対象: 全員] Googleは、検索の仕組みを解説する新しいサイトを公開しました。 日本語バージョンも準備されています。 以下の5つのセクションから構成されています。 概要 クロールとインデックス アルゴリズム スパム対策 ポリシー オリジナルの英語バージョンには、Google検索がどのように動いているかを説明するインフォグラフィックもあります。 日本語ページがあるので自分で読んでもらえばいいのですが、それぞれのセクションの簡単な内容と僕からの感想を書きます。 インフォグラフィック 検索の仕組みを解説する「HOW SEARCH WORKS」というタイトルのインフォグラフィックです。 英語ページでのみ見ることができます。 インフォグラフィックというよりも、アニメーションと呼ぶべきかもしれません。 スクロールすると、Googleの検索がどのようにできあがっているかを説明する画像が次々と動きな

みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 ↑の絵が何かわかる人いますか？ マインクラフト(Minecraft)界隈でおなじみの愛されキャラ「匠」こと「クリーパー」さんです。 とっても長い前振りなので時間のない方は本題まですっ飛ばしてください。 マインクラフトとは わかりやすく解説されているニコニコ大百科を引用。 Minecraft（マインクラフト）とは、Notch（Markus Persson氏）と氏の会社であるMojangからリリースされた、サンドボックス型のものづくりゲームである。 レトロゲーを想起させるドットテイストの3Dブロックが溢れる世界で、建物やその他のものを自由に創造することが出来るゲーム。 家を作ったり、川を作ったり、山をつくったり、洞窟を作ったり、トロッコ坑道を作ったり、ゾンビを倒すためのトラップを作ったり、塔を作ったり、農場を作ったり、天空の城を

Googleアナリティクスに関する質問を時々聞かれます。仕様であったり、実装であったり、機能であったりとその内容は多岐にわたります。そんな時には公式サイトのヘルプや自分のブログ記事を案内したりしているのですが、都度都度それを探して返信するのが大変なので（しかも、毎回どのページを紹介したか忘れてしまうので）、一つ記事を書くことにしました。読者の皆様にも参考になるのでは？ということで、よろしければ御覧くださいorブックマークしてくださいませ。数ヶ月に1回くらいアップデートしようと思います。 なお、記事の内容に関しては事前に確認をしていますが、 １）現時点でその内容や仕様が変わっている可能性があります ２）（また、公式サイトと言えど）書かれていることが、必ずしも正しいとは限りません ３）また、それらの内容の成否について私からお答えすることもできません という事だけ、了承いただければ！ オススメの

米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリックする（下図A） 表示されたページのURLが公開ページのURLになる（下図B）

賢く！ 安く！ 発注するために知っておきたい見積もりチェック術 プロが教える見積書7つの極意 ウェブサイトの見積もりでは、総額が大きいわりに不透明な部分も多く、制作会社によって見積書の内容が異なることもある。本稿では、発注と制作を円滑に進めるために知っておきたい見積もりの基本と注意すべきポイントを示す。 ウェブサイト制作では、発注する会社の業種やサービス内容、制作期間、求める機能などによって、制作にかかる手間が大きく変わるものだ。当然それにともなって価格も大きく上下するため、引越しや保険、中古車販売のようにウェブ上で簡単に正確な見積もりを出すのは難しい。 ウェブサイト制作を発注する側にとっては相場がわかりにくく、なかなか発注の決断がしにくい状況を生み出していることも事実である。見積もりをもらっても、それが高いのか安いのか判断する術もなく、何を基準に話を進めていいのか戸惑う企業のWeb担当者