アフィリエイトの最初のキモは企画段階にある！アフィリエイトって「集客してアフィリリンクを踏んでもらうだけ」という表現をされる事が多々ありますよね（そのため皆さん集客だけに意識が向きガチ）。 それは確かに間違いではないですが、実は企画段階で勝負が決まってしまっているという事も珍しく有りません。 というわけで、まず企画段階の２つのポイントについて触れておきたいと思います。 その１：アフィリ案件には2つの寿命があるまず押さえておきたいのがアフィリエイト案件の寿命に関してです。 アフィリエイト案件には2つの寿命があって、これらが「取り扱う案件の選び方」や「サイト構成の選び方」にも大きく影響してきます。 また、ここを意識していないとアフィリサイトが完成した頃には案件が終了してしまったなんて事も。。。 アフィリエイト案件そのものの寿命１つ目は、アフィリエイト案件そのものの寿命です。 どんなアフィリエイ
ネット動画からアニメGIFを速攻で作れるWebアプリ｢Imgur｣
初心者さんもスピード命の職人さんも、これは重宝しますね！ GIF画像を作るツールやアプリは色々あれど、Imgurが今月リリースした｢Video to GIF｣ほど直感的かつ簡単なツールはないんじゃないでしょうか。より使いやすく、より高品質に、Imgurの精力的な開発によって生み出された軽量フォーマットです。YouTubeやVimeoなどのビデオクリップからほんの数秒でカスタマイズGIF画像が作れますよ。 では、さっそく使い方を見ていきましょう。 まずはImgurが用意した｢Video to GIF｣のサイトにアクセスし、入力フォームに任意の動画URLを貼り付けてEnterキーを押します。Imgurの発表によればこのアニメGIF作成ツールは、｢数百｣もの動画サイトに対応しているそうで、ひとまずこちらではYouTubeやVimeo、Vineで動作確認ができました。入力したURLが認識されて処理
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
第40回において、ターミナルを利用したファイルのやりとりとしてssh/scpコマンドを紹介しました。sshはリモートマシンにログインを行ったり、リモートマシン上でコマンドを実行したりするためのプログラムです。今回はsshに関するTipsを紹介します。 公開鍵の登録 ssh-keygenで生成した公開鍵をリモートマシンの~/.ssh/authorized_keysに追加することで、公開鍵を利用した認証が行えるようになることは第40回で紹介しました。公開鍵を登録するためには公開鍵ファイルをscpコマンドなどで転送し、authorized_keysファイルの末尾に書き込む必要がありますが、これを自動で行ってくれるスクリプトがssh-copy-idです。ssh-copy-idはopenssh-clientパッケージに含まれるため、特にインストールを行うことなく使用することができます。 使い方は以下
生まれつき人好きのする人がいるようですが、そうでなくても、誰でもカリスマ性を高めることができます。もっと人を引きつけ、信頼されて、他人に影響を与えられるようになるための特性がいくつか存在していて、もともとがどんな性格であっても、訓練により自分の行動にそうした特性を取り入れていけます。以下カリスマ性を高める基本的なトレーニングをご紹介しましょう。 カリスマ性とは習得するものであり、生まれつきのものではない 誰か人好きのする人と出会っても、なぜその人のことが好きなのかは説明できないでしょう。カリスマ性がある人だからです。あなたもカリスマ性は習得できますし、自分の行動にちょっと変化を加えるだけでいいのです。 カリスマ性とは実際のあなたがどんな人かということではなく、あなたの言動にあるのです。潜在意識、社会的役割、肉体による表現、そして他人をどう扱うかが全てカリスマ性を高めることに一役買っています
完了するまでに結構時間がかかるプログラムを実行している時，そのプログラムの進捗度を確認したくなることがままあると思います．ほんとに動いてんのかお前，みたいな． そうした時に考えうる最も簡単な方法は，こんな感じで進捗度を標準出力に流してしまうという方法でしょう． (1..100).each do |i| # 例えばここで何らかの重い処理をする (下のsleepはその「何らかの処理」の例) sleep 0.1 # ここで進捗を表示 (プログレスバーみたいなもっとリッチな感じでも可) puts "#{i}%" end 簡単なものだとこれで良いでしょうが，途中で端末のセッションが切れると「アッアッ」という感じになったり，そもそもプログラムの実行に際して端末が割り当てられいるとも限らないし，というか時間のかかるプログラムがその処理中ずっと端末を占領しているのはつらいので別の方法が欲しかったりします．
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
少しのコードで実装可能な20のWordPress小技集CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 1. カスタムメニューの設置カスタムメニューを使えるように設定しておくと、管理画面からドラッグ＆ドロップでメニューの追加や配置変更ができてとっても便利。私の場合必ず利用する機能のひとつです。 まずは functions.php に以下のコードを追加して、カスタムメニューを使えるようにします。functions.php がテーマフォルダ内にない場合は新規作成してください。 add_theme_support( 'menus' ); 続いて管理
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分（デモでは80px）スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
dl要素で明確なラベルを与え、シンプルながらスタイリッシュなナビゲーションを実装するスタイルシートをZURBから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <dl> <dt>On This Page:</dt> <dd><a href="">Final Wireframes</a></dd> <dd><a href="">Updated Wireframes</a></dd> <dd><a href="">Initial Wireframes</a></dd> <dd><a href="">Sketches</a></dd> </dl> </textarea>
対象：Windows 10／Windows 11、Windows Server 2016／Windows Server 2019／Windows Server 2022 レジストリをコマンドラインで操作したい！ Windows OSでは、「レジストリ」に設定されている値などに基づいて、システム各部が動作するようになっている。Windows OSの設定を変える場合、通常は標準装備の設定ツールやコマンドなどで設定すると、それが最終的にレジストリに反映されることで、Windows OSの挙動が変わる。そのため、レジストリを直接操作する必要はないことが多い。 しかし、中にはレジストリを直接操作しなければならない設定項目もある。 レジストリを操作するためには、一般的にはグラフィカルユーザーインタフェース（GUI）ベースの「レジストリエディター（regedit.exe）」を使うことが多い。しかし何度も
2014-08-13 Rubyで知らなかったメソッドとかちょっとだけ 配列 今までこう書いてた (1..20).to_a こう書ける事を知った [*1..20] 添字 今までこうしてた 10.times do |idx| p "#{idx+1} ループ目" end こう書いたら素敵だった 10.times.with_index(1) do |idx| p "#{idx} ループ目" end if 数字 ずっともっといい書き方があると思ってたけどこう書いてた i = 10 p "hoge" if i >= 5 && i <= 15 やっぱりあった i = 10 p "hoge" if i.between?(5, 15) first, last めんどくさいなぁと思って書いてた arr = [*1..50] 5.times.map{ |idx| arr[idx] } 衝撃が走った arr =
この画像を大きなサイズで見る お掃除上手な人を見ていると手際の良さや創意工夫に満ち溢れたお掃除方法で、見る見るうちに綺麗になっていくのにびっくりしたことはないだろうか？ 私なんかはどちらかというと苦手なタイプなので、高いお洗剤を買って試してみたりするのだが、いかんせん何かが間違っているようで綺麗になるどころかドツボにはまってしまうことが多い。 海外サイトで、簡単な方法で比較的きれいになる20のお掃除ライフハックが紹介されていた。使えそうなアイディアもあるので見ていこう。 1. グリルは玉ねぎできれいになる この画像を大きなサイズで見る 半分に切った白たまねぎをフォークにさして、そのままグリルをこすってみよう。それだけでグリルはかなりきれいになるはずだ。しかも次回の調理の際はほんのりたまねぎの香りまでついてくるので肉を焼くときの風味づけになる。魚はちょっとアレかもしれないが。 2. ミキサー
ダイナミックに切り替わるページナビゲーション 一見するとシンプルなデザインのサイト「HUMAAN」。その魅力は、細部まで作り込まれたインタラクションにある。中でも目を引くのが、フルスクリーンで展開されるダイナミックな変形アニメーションだ。何気なく下部のメニューをクリックすると、ページ全体が大きく回転しながら切り替わる。その動きが非常に気持ちよく、コンテンツをうまく魅せる素敵な仕掛けだ。 この3D回転は、連載第1回「CSS Transitionsを使った3Dロールオーバーのアイデア」で紹介した3D変形と同じ仕組みで実装されている。今回は、3D回転によるダイナミックなコンテンツ切り替えについて、第1回の記事をヒントに再現してみよう。 STEP 1：3Dの構造を考える 最初に、ページ全体を回転させるため、ウィンドウと同じ大きさの2つの面（div要素）を用意し、transformプロパティで変形さ
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
業務効率化に役立つVBA／マクロのさまざまなTipsをコード例を交えて紹介していきます。今回は、罫線を表すBordersオブジェクトのLineStyle（種類）、Width（太さ）、ColorIndex（線色）プロパティ、文字を表すCharacterオブジェクトのFont.ColorIndexプロパティなどの使い方を解説。 Excelで見やすい資料を作るために Excelを使う上で、セルにデータを入力して表を作り、ヘッダー部分にタイトルを付けて資料を作ることは、業務上よくあるだろう。そんなときは、表の枠線（以下、「罫線」）の色や種類、太さなどを変えたり、タイトルの色を変えたりして装飾を施すことで、見やすい資料にすることができる。 見やすい資料を作るのは業務上必要なことだが、毎回マウス操作で装飾を施すのは、労力が掛かるだろう。こういった作業もマクロにして使い回すことができれば、業務の効率化が
スクロールによって立体的に浮かび上がるサムネイル サムネイルに視点をフォーカスさせる仕掛けが目を引く、動画のポートフォリオサイト「MANUEL RUEDA」。ページ中央にあるサムネイルには奥行きが設定されており、スクロールによって手前に起き上がってくる動きが斬新だ。サイドナビにもスクロールに合わせたギミックが用意されており、コンテンツを何度も行き来してしまうおもしろさがある。 今回は、このサイトをヒントに、CSS3の3D表現とjQueryを使ったスクロールアニメーションを制作する。 STEP 1：スクロール値を取得する スクロール値を基にCSS3のプロパティを変化させるため、スクロール値を正しく取得することから始めよう。 スクロール値は jQueryのscrollメソッドを使って取得する。以下のようにして現在のスクロール値を取得できる。 ■ソースコード（HTML） <p id="posy"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
