jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

2015年7月12日、ビジネス・ブレークスルー大学にて「ビジネス英語の極意と世界レベルの仕事術」と題するイベントが開催され、元Appleシニアマネージャーの松井博氏とBBT大学経営学部教授の青野仲達氏が対談しました。本パートでは、松井氏がAppleで働いた経験から学んだことや、スティーブ・ジョブズとの思い出を紹介しました。ジョブズが復帰する前のAppleは「学級崩壊した学校のようだった」という松井氏が、ジョブズがどうように組織を改革していったかについて語りました。 スティーブ・ジョブズと一緒に働いた松井博氏の自己紹介 青野仲達氏（以下、青野）：今日は「ビジネス英語の極意と世界レベルの仕事術」ということで、元Appleシニアマネージャーの松井博さんをお招きして、私と話をしながら進めていきたいと思います。 松井博さんは1990年代の初めから2009年までAppleで仕事をされていて、2000年

おかげ様で2016年5月の月間アクセス数は180万を突破。 下記記事にも書いた3月のアクセス数からすると、それほど急成長している感じはありませんが、着実に月5%ずつくらいはアクセス数を増やすことが出来ている状況ですね。ほんといつも読んでくれているみなさん、有難うございます。 クレジットカードの読みもの 月間170万PVを突破（2016年3月）！ソーシャルメディアからのアクセス数が少ないのが課題です。 そこで今回は、いつもの様に当サイトへのアクセス内容を公開するのではなく、今後、どうやって月間300万PVを目指していくのかという計画について記事を書いてみたいと思います。ブログのアクセスアップを考えている方は是非、参考にしてみてくださいね。 月間300万PVを狙うための戦略＆アイデア： １．他サイトで検索数が多い記事を狙う キーワードのアイデアを貰う： ２．ヤフー知恵袋を狙う： ３．過去記事を

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

Photoshopのハーフトーン機能を上手く使えば写真をマンガ・イラスト風に簡単に加工することが可能です。今回はそんな加工方法をご紹介いたします。マンガを描く人にもおすすめ簡単に背景を作成する方法です。 まずはベースとなるモノクロ写真に変換する。 【１】背景レイヤーをドラッグし、「新規レイヤー作成」上でドロップ。 背景のコピーを作成します。 【２】「イメージ」メニューから「色調補正」→「シャドウ・ハイライト」を選択し、シャドウ・ハイライトの設定を行います。 【３】加工する写真によって設定は変わりますが、ここではシャドウの量を40％、ハイライトの量を0％にします。 これでシャドウ部分が随分と明るくなりました。 【４】「イメージ」メニューから「色調補正」→「白黒」を選択し（Alt+Shite+Ctrl+B）、写真をモノクロに変換する。 スクリーントーンの作成 【１】「塗りつぶしまた調整レイヤー

.backImage{ width: 50%; height: 200px; background-image: url(../../HPImage/yuu0054-009_640x427.JPG); background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; background-size: cover; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .frontContents{ padding: 20px; color: #000; }

色々言われているバイラルメディア・キュレーションメディアですが私にも関係があった一件がありました。 既にかなり拡散されて有名になった「鈴木です。」さんの記事 パクリアフィサイト「KAUMO」に画像をパクられて削除依頼をしたらまたメールくれと返信が来た – 鈴木です。 ここではKAUMOが4枚の写真を無断で使用したと書かれていました。 「ふーんそんなメディアがあるんだー。どれ、友達の写真が上手い人のブログで調べてみよう」と思い立って、Googleの検索欄に「site:kaumo.jp example.com（実際は友達のブログのドメイン名）」と入力してみました。 これは、写真の下に申し訳程度に「出典」という欄があり、そこにURLが記載されているからです。ブログ名や記事タイトルではなくてURLなので検索しやすいですね。 すると、出るわ出るわ、10件以上表示されました。 それを見て「え、もしかし

室内で撮った写真って、オレンジがかってしまうことが結構ありますよね。 Photoshopを使って、そんな色の被りをできるだけ自然に修正していきたいと思います。 手順①カラーバランスレイヤーで色のバランスを整える まずは強い色と弱い色の差をなくしましょう。 色被りというのは、特定の色が強すぎたり弱すぎたりする状態です。 その強弱を緩和してあげると、自然な色になります。 ちょっと文章だけじゃわかりにくいんで実際にやってみましょう。 カラーバランスレイヤーを新規作成します。 この画像はイエローとレッドが強いので、補色であるブルーとシアンの方へバーを寄せます。 まず階調：中間調を調整します。 上から[-30]、[-10]、[+40]と入力しました。 お次に階調：ハイライトを調整します。 上から[-15]、[0]、[+5]と入力しました。 全体の色が落ち着きました。 おでこの黄色を補正する 生え際が

こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 WordPressでブログを運営していると、トップページなどに記事一覧を表示させている場合が多いと思います。 かっこ良いWordPressテンプレートもたくさんありますが、通常のループの使い方では記事一覧のすべてが同じ投稿形式の表示方法になります。 そこで、今回は記事一覧の最新の投稿記事のみ画像を大きく見せるなどが出来るように、最初の記事を判別する方法を説明していきます。 この方法を使えば、「最初の１つ」だけではなく、「最初から３つすべて」や「４つ目だけ」など、応用して見せ方に変化をつけることができます。 同じ形式の記事一覧をループさせている状態から少し変化やアクセントを付けて、見せ方を変えてみませんか？とても簡単なカスタマイズ方法なので、是非参考にしてみてください！ ループの使い方 まず、WordPressで記事一覧のような

※本ページはプロモーションが含まれています 作成:2016/03/04 WordPressで「the_post_thumbnail（）」関数を使うと画像のサムネイルを取得することができます。 しかし、widthとheightがそのサムネイル画像に合わせて自動で書きだされてしまい、Retinaディスプレイ等の高解像度ディスプレイでは画像がぼやけてしまいます。 一応下記のようにすればwidthとheightを指定できるのですが、サムネイルサイズを指定することができません。 <?php the_post_thumbnail( array(100, 100) ); ?> 200×200のサムネイルをwidth・heightを100で表示させたいのに、100に近い150pxのサムネイルが勝手に指定されてしまい期待通りの動きをしません。 そこでadd_filterを使い無理やりwidthとheight

こんにちは。かれこれ10年以上肩こり、首こりに悩まされている岩城です。 僕はWeb系の職になり、長年肩こり、背中、首こりには悩まされています。その中でも同僚からすすめられた肩こり解消グッズが秀逸だったので紹介します。数々試してきましたが、今ではこれが一番最高に効くアイテムで必需品です。 肩こり解消グッズとしては少し高いですが、同僚が死ぬほどおすすめしてきたので、だまされたと思って購入してみました。 形状はストレッチポールと同様で長いポールです。このポールの上に乗って背中をごりごりします。ポールに固い突起が付いているのが特徴で、この突起が凝りを刺激するのが最大の特徴です。 「トリガーポイント」を刺激する！Amazonの商品説明やネットで調べてみると、「トリガーポイント」「筋膜リリース」という言葉がたくさんでてきます。トリガーポイントというのは、こちらのサイトで詳しく説明されていますが、 トリ

ツールのクレジットが入ってないので、シンプルなアソシエイトリンクを作ることができます。 ※この見本ではトラッキングIDが入っていませんが、作成したアソシエイトタグには、あなたのトラッキングIDが入ります。（作者のIDを入れるとアソシエイト規約違反になるので） もし気に入っていただけたなら、Twitterなどで紹介してもらえるとありがたいです。もちろん、利用していただくだけでもOKです。

４月から美大の学生になった。 美大といっても、大学生と一緒に通う形のもんじゃなくって、ムサビが社会人向けにやっている各種学校のほう。 普通に１９歳と一緒に美大に入るには、私にはほかの生活がありすぎるので、１年分のカリキュラムを、私は週2日づつ２年かけてやってる。 これは人生のリベンジなんである。 とにかく、どうやったって絶対絵を描きたくて、学びたいのは美術で、ほんでもって高校の美術の先生も「君は絶対美術系に進みなさい」って言ってくれてたにもかかわらず、親に強固な権力行使をされて普通大学にしか学費を払ってもらえなかった。ってか、それ以外は選択の余地なしで、父親のDVも恐ろしかったので、そうするしかなかった。 今の時代、得意なものを探せ、やりたいことをみつけろ、進路を早めに定めろってさんざん言われてるのに、当時、それをちゃんと高校一年生から定めていた私は、ちっともやりたいことなんて選ばせてもら

2016年3月、社員旅行で訪れたタイ国ホアヒン、タイ王室ゆかりの地にて社員数十名が全裸で騒いだ件が株式会社DYMの評判としてネットで話題になりました。 タイの王室保養地で、日本人20人が全裸狂乱事件…国際問題に発展、タイ国内が騒然/ (魚拓) さて、この話題はどのように検索結果に表示されているでしょうか。 4/10と4/21に[DYM]と検索した結果を見比べてみましょう。 赤枠が事件を紹介した記事です。4/10に5枠あったものが2枠に減りました。 そのかわりに現れた表示がこちらです。 前回このブログでは、DMCA申請が悪評隠しに悪用されたと思われる事例をご紹介しました。 そして今回も本来クリエイターの著作権を守るためのDMCA(デジタルミレニアム著作権法)が、タイ国での騒動という株式会社DYMの評判に影響するのを隠そうと悪用されたものだと考えます。 この株式会社DYMは、ネット上での悪評隠

ここでは、昨今急増している「リファラースパム」の実態とその対策についてお話ししよう。「Measurement Protocolと一体何の関係があるの？」と思うかもしれないが、筆者はGoogleアナリティクスのデータにゴミが急増している背景は、このMeasurement Protocolの仕組みにあると確信している。 2015年から急増している「リファラースパム」とは？まず「リファラースパム」とは何なのかを簡単に説明しておこう。外部のサイトからリンクによって計測対象サイトへ移動してきた場合に、参照元（リファラー）情報が取得できる仕組みになっているのはご存じだろう。 アクセス解析をしていれば、どんなページからのリンクで自分のサイトへ来訪したのかを確認するために、その参照元のページを確認しにいくだろう。そうしたサイト運営者の行動を想定したうえで、スパム業者が運営する参照元のページにウイルスなどを

Webサイトを上位表示させるためにはコンテンツの質が良いことは当然として、外部リンクの獲得、近年ではソーシャルの活用等も重要になってきています。 ですがそれだけではなく、特にWebサイトの設計段階においては検索エンジンによるWebページの評価の仕組みを理解して、適切にWebサイト内のリンクを構築していくということが重要です。 今回はその内部リンクについて、どういう内部リンクがその機能を果たしつつ検索エンジンに正当に評価されやすいのか、私の経験からその考え方をSEO初心者の方にも分かりやすく解説しようと思います。 内部リンク(Internal Link)とは 内部リンクとは、同じドメイン内から張られたそのドメイン内部のページへのリンクのことです。違うドメインから張られたリンクは外部リンク(External Link)といいます。 内部リンクの果たす役割 SEO的な観点で言うと、内部リンクは外

ぼくのまわりでは検索流入がなんの通知もなくガクッと減る「Google八分」という状況に陥ってしまっている方がちらほらおり、本業でSEOに関わっているぼくへと相談を頂きます。 原因として、Googleの自動ペナルティを受けていることが考えられますが、自動ペナルティはウェブマスターツールなどでも通知が来ないため、どこを修正したらいいのか判断が難しいんですよねー。 自動ペナルティを受けてしまって相談頂いたサイトの中には一日1万近くある検索クエリが、日に日に落ちていって、20くらいにまでなってしまった方もいます。 ▼ガクーンと落ちます。 今回は、なんでその人たちが自動ペナを受けたのかっていう原因と、対策について仮説ベースで話させていただきます。 自動ペナルティはどういう時に受けるのか まず、自動ペナルティを受ける原因についてどういうのがあるの？って言うところから。 ▼自動ペナの原因として考えられる