正規表現サンプル(置換サンプル一覧)
1.正規表現とはなにか？ 正規表現を簡単にご説明します 2.正規表現を使う準備 エディタの設定はできていますか？ 3.正規表現サンプル集 【検索編】 よく使う検索サンプルを取り揃え！ 4.正規表現サンプル集 【置換編】 置換でこそ正規表現の威力を発揮！ 5.正規表現のお勉強と本の紹介 ├お勉強編１ ├お勉強編２ ├お勉強編３ ├お勉強編４ └エスケープ文字 上から順番に見ていきましょう。だんだん難しくなります。 6.エディタの強調表示でテキストに色づけ 正規表現で見やすくなる 7.プログラムで正規表現を使う 各種プログラム言語での正規表現の使い方 8.正規表現サンプルリクエスト リクエストはこちらからお願いします 正規表現リクエスト回答集 リクエストに随時お答えしています 新・正規表現チェッカー 便利なツール。置
[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll
デモページ：3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainはコンテナで、各パネルはse
手遅れになる前に！Webディレクターがプログラミングを学ぶ時に使いたいサイト10選
プログラミングを「本気」で勉強するのに役立つサイト10選とその解説 | 今年はWebディレクターもコードを書こう！ 『Webディレクターは、コードを書く必要はない？？』 もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり、技術面でエンジニアとのコミュニケーションをする上で、プログラミングを覚えることはプラスになります。 さらに、「こんな実装が出来るなんて凄い！」といった実感を伴った一つ一つのコミュニケーションが、エンジニアからの信頼を獲得する助けになるのです。 どうやってプログラミングを覚えるか？ プログラミングは、毎日のちょっとした勉強の積み重ねで学習する事もできます。 今回はスタートアップで働くWebディレクターの方々に向けて、プログラミングを学べるサイトを10連発でまとめました。 このエントリーでは、
実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
多言語サイトSEOのベストプラクティス ―― コンテンツマーケティング・リンクビルディング編 | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、3回に分けてお届けしている。最終回となる今回は、国際的SEOにおけるインバウンドマーケティングやリンクビルディングについて考えてみよう。まず第1回から読んでおく インバウンドマーケティング、リンクビルディング、そして国際的SEOこれで、僕らの多言語/多国向けサイトは最適化された。 しかし、サイトが持つ既存のドメインオーソリティとそのリンク資産のフローを追い風として最初の勢いを付けるためにサブディレクトリという方法を選択したとしても、検索エンジン結果ページ（SERP）で表示されるようにするには、やはりなお、その言語/国をターゲットとするサブディレクトリのオーソリティと信用度を高めなければならない。 ccTLDオプションを選択した場合、このことは一層緊急な課題となってくる。 それなのに、国際SEOのリンクビルディング・キャンペーンの予算総額が、国内市場向けキャンペーンに比べて小規模
多言語サイトSEOのベストプラクティス ―― コンテンツの翻訳・シグナル・hreflang編 | Moz - SEOとインバウンドマーケティングの実践情報
国際SEOの実施でまず問題になるのは、ターゲットとする国の言語にサイトのコンテンツを翻訳することだろう。 プロの翻訳者（または翻訳会社）を使うのが普通の感覚だが、常識がなく、次のような方法に頼りがちな人々もいる。 自動翻訳サービス（特にグーグル翻訳）コンテンツを翻訳する対象の言語をたまたま知っている社員まず後者はバカげている。プロの翻訳者は、翻訳する言語を何年も勉強し、ニュアンスを知っていて（翻訳者がバイリンガルならより良い）、それでも普通は外国語から母国語への翻訳であって、その逆ではない。 前者の自動翻訳は公式に反対されている。質の悪いシグナルがグーグルに送られるとの考えからだ（これは正しい）。グーグルの翻訳ツールはこの目的のために作られたとはいえ、ページから混乱したメッセージが送信されるようなので、翻訳サービスはほかを探すほうがいいだろう。 プロによる翻訳は、キーワード探しの最良の味方
多言語サイトSEOのベストプラクティス ―― ドメイン名・ディレクトリ構造・インフラ編 | Moz - SEOとインバウンドマーケティングの実践情報
この記事の内容はすべて筆者自身の見解であり（ありそうもないことだが、筆者が催眠状態にある場合を除く）、SEOmozの見解を反映しているとは限らない。 僕はイタリア人であり、ウェブマーケターだ。この2つの事実のおかげで、僕は国際的SEOという考え方にすぐ気付くことができた。なぜかというと、実のところ、イタリアはよく知られているけど、イタリア語を話す人や理解できる人が世界中に大勢いるわけではないからだ。 売り上げの多くを国外市場に依存している多くのイタリア系企業の特質を考えてみれば、僕や欧州にいる他の多くのSEO業者にとって、なぜSEOと国際的SEOが本質的に同義なのかを理解できるだろう。 この地図を見れば、多国向けのサイトや多言語を使ったサイトに関連した問題を検索エンジンがどのように扱うかという点について、なぜ僕が関心を持つのかわかってもらえるだろう。これはまた、企業はどのように国外市場に参
新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css
Documentation -xy.css Step 1: ダウンロード xy.cssを下記ページからダウンロードします。 ダウンロード -xy.css Step 2: 水平のグリッド設計 HTMLは非常にシンプルで、classなど余計なものは一切ありません。 <header></header> <article></article> <aside></aside> <footer></footer> 天地にヘッダとフッタ、コンテンツとサイドバーを2カラム水平に配置します。 header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: 垂直のグリッド設計 articleとaside内に、見出しとパラグラフ
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
スマートフォン向けのHTML5製フレームワーク・Lungo.js - かちびと.net
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 スマフォ向けのフレームワークは相当出回っていますので珍しくないかもですけど・・触った感じはなかなか使いやすそうでした。コアファイルは非圧縮で40kbほど。 以下、公式サイトのサンプルです。 Sample スターターキット的にも使えそうです。 ↑ 実機でのスクリーンショット この手のは沢山あるので好みで選べばいいですね。詳細は以下でどうぞ。 Lungo.js
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
Cheat Sheet
concrete5
デスクトップ・タブレット・スマフォなど、最近のデバイスが全て揃ってる手書き用のモックアップのPDF素材 -INTERFACE SKETCH
Google「検索エンジン最適化スターターガイド」