知っておくと実装に役立つ！JavaScriptのテクニックのまとめ
デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。 8 JavaScript Tips & Tricks That No One Teaches 🚀 by Garvit Motwani (@GarvitMotwani) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. JavaScriptにおける機能継承 2. .map()の置換 3. 数値から文字列に、文字列から数値に 4. lengthを使用して配列のサイズを変更したり、空にする 5. 配列の分割で値を入れ替える 6. 配列から重複を削除する 7. ループのコードを少なくする 8. パフォーマンス 終わりに はじめに JavaScriptは世界で最もクールな言語
これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
フォトショップに慣れてくれると、重要になるのが「作業の効率アップ」でしょう。 「自分のやりたいこと」を、できるだけ早くこなす、時短ワザは欠かせません。 この記事では、フォトショップを使う人なら誰でも役立つテクニック11選を、サンプル例と一緒にご紹介します。 コンテンツ目次 同じファイルを2画面で表示する方法 Photoshop以外から色を抽出する方法 コピースタンプツールの使い方（応用編） グループ機能の手軽な写真合成テクニック 輝きをアップする８つの描画モード 「白黒」調整レイヤーをつかった色の変更テクニック 気になるシワやしみを消す方法 写真の明るい部分のみ選択する方法 色調の自動補正アルゴリズムを変更する方法 切り抜きサイズを統一する方法 隠しバナナアイコンを表示する方法 フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての機能を試すことができ
スキャン時にまとまってしまったPDFを分割するには
ドキュメントスキャナなどで紙の書類をスキャンする際、別々のPDFに分けるはずが、連続してスキャンしたために、うっかり1つのPDFにまとまってしまったということはないだろうか。元の書類が残っていればスキャンし直せばよいが、あとになってから気づいた場合、PDFをページごとに分割してやる必要が出てくる。 ひとくちにPDFの分割といっても何通りもの方法があり、ページ番号が事前に分かっているかどうか、そのページが連続しているかどうかといった条件により、方法ごとに向き不向きがある。今回は、PDFを分割するための4つの方法を、それぞれの特徴とともに紹介する。目的に応じて使い分けることで、作業の効率化およびミスの防止に役立ててほしい。 なお、いずれもAdobe Acrobat XI Proでの操作を前提としている。Standardや他のバージョンの場合は適宜読み替えてほしい。 あらかじめ抽出したいページ番
Movable Typeでブログ記事やウェブページをページ分割する方法
Movable Typeでブログ記事やウェブページをページ分割する方法を紹介します。 １．はじめに Movable Typeでは静的に出力したアーカイブページやブログ記事、ウェブページをページ分割する機能が用意されていません（ダイナミックパブリッシングやDynamic MTMLであれば可能）。 メインページやアーカイブページのページ分割については「Pagebuteプラグイン」でページ分割することが可能です。 PageBute プラグインによるページ分割 が、このプラグインでもブログ記事やウェブページのページ分割についてはサポートされていません。 ということで、ブログ記事やウェブページをページ分割する方法を紹介します。 ２．プラグインのインストール 実は、ブログ記事やウェブページを分割する場合もPageButeプラグインの利用が可能です。 ただしちょっと細工が必要なため、プラグインがデフォル
[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん！ デモページ 各デモと共にそのスタイルを紹介します。 まずはHTMLから。基本となるのは、2パターンです。 1つ目は、section要素にclassをつけるだけ。 <section class="ss-style-hogehoge"> コンテンツ </section> 2つ目は、svg要素を使用します。 <section> コンテンツ </section> <svg id="hoge"> SVGの中身 </svg> sctionだけの場合はclass、svgを使用するものはidになっています。 以下、各デモとそのスタイルです。 HTML/C
PageButeプラグインでページ分割がないときにナビゲーションや(X)HTMLマークアップを表示しない方法
スカイアークシステムさんが配布している「PageBute」は、Movable Typeのメインページやアーカイブページなどの静的ファイルをページ分割できる、非常に人気のあるプラグインです。 １．問題点 PgeButeプラグインでは分割ページに対してページナビゲーションを表示する機能があります（下）。 このページナビゲーションは、ページ分割がない場合でも「1」だけが表示されるようになっています（下）。 この「1」を表示しないためには、MTPageListタグにshow_alwaysモディファイアを設定します。 <mt:ifPageBefore> <$MTPageBefore delim="«"$> </mt:ifPageBefore> <mt:PageLists show_always="0" /> <mt:ifPageNext> <mt:PageNext delim="&raq
1ページのPDFファイルを2ページに分割する方法
1ページのPDFファイルを2ページに分割する方法を紹介します。ここではAdobe Acrobatを利用しています。PrimoPDFやFoxit J-Readerなどでもページ分割可能なようなので、それらについては別途紹介したいと思います。 これを調べることになった発端は、音楽サークルの関係でPDFファイルでもらった楽譜がA3で、これを印刷しようと思ったのですが、自宅のプリンタではA4までしか印刷できません。これをなんとかA4で印刷したかったためです。 ここでは1ページしかないファイルを2ページに分割していますが、何ページあっても手順は同じです。たとえば10ページのPDFファイルは、20ページのPDFファイルになります。 サンプルにするドキュメントはA3サイズでこのようになっています。これを真ん中で区切って2ページに分割します。 分割前 分割後はA4サイズ2ページになります。ここでは1ページ
複数ページにまたがる記事やコンテンツをお持ちの方へ。rel=”next” と rel=”prev” を使用したページネーションのご紹介
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Movable Type 5のダイナミックパブリッシングでのページ分割について
Movable Type 5のダイナミックパブリッシングでのページ分割を紹介します。 １．ダイナミックパブリッシングによるページ分割について Movable Typeでは、バージョン4.2からのアーカイブテンプレートについて、ダイナミックパブリッシングでのページ分割機能を提供しています。 ダイナミックパブリッシングでのページ分割 ※詳細なテストを行っていない実験的機能なのでサポート対象外です。 ２．ページ分割方法 まず、「月別ブログ記事リスト」や「カテゴリ別ブログ記事リスト」などの「公開」オプションを「ダイナミック」に変更します。 次にブログ記事リストアーカイブテンプレートのMTEntriesタグに対し、limitモディファイアとoffsetモディファイアを設定し、limitモディファイアに1ページに表示したい記事数を設定、offsetモディファイアに「auto」を設定します。 例えば、5
PHPでシンプルなページャーつくってみた
Posted: 2011.11.22 / Category: PHP すごくつまらなくて申し訳ないですが、PHPでページャー（ページを分割したときのナビゲーション）を作ってみましたので載せておきます。 php <?php function pager($c, $t) { $current_page = $c; //現在のページ $total_rec = $t; //総レコード数 $page_rec = 10; //１ページに表示するレコード $total_page = ceil($total_rec / $page_rec); //総ページ数 $show_nav = 5; //表示するナビゲーションの数 $path = '?page='; //パーマリンク //全てのページ数が表示するページ数より小さい場合、総ページを表示する数にする if ($total_page < $show_nav
Google、ページネーション問題を解決するrel=“next”タグとrel=“prev”タグをサポート開始
[レベル：中〜上級] ※長い記事になりますが、ものすごく重要な仕組みなので確実に理解してほしい内容です。 ひと続きのコンテンツを複数のページに分割する“Pagination”（ページネーション）によって起こる可能性がある、重複コンテンツ問題に対処するために、rel=“next”要素とrel=“prev”要素のサポートをGoogleが開始しました。 「ページネーション」は、いわゆる「ページ送り」のことです。 一連の長い記事を複数のページに分けたり、多数のカテゴリがある時にいくつかのまとまりに分けたりするときによく使われます。 ページネーションを利用していた場合、rel=”canonical”タグを使って2ページ目より後のページを1ページ目に正規化することをGoogleは推奨していません。 上は僕がセミナーで使ったスライドの一部分です。 詳しいことはブログでも説明しています。 ページネーション
Googleが推奨する、ページネーション(ページ分割)でのrel=”canonical”タグの使用法 from SMX Advanced 2011
今日の記事もSMX Advanced 2011のセッションレポートになります。 大規模ECサイトを運用しているサイト管理者に特に関係してくる、「ページネーション(Pagination)」におけるrel=”canonical”タグの使い方がトピックです。 「ページネーション」とは、ひとまとまりのコンテンツが複数のページにまたがったときに利用する、「ページ分割・ページ送り」のことです。 ※余談ですが、綴りは“pagenaton”ではなくて“pagination”です（何度か間違えてた）。発音は、「ペィジネィション」よりも「パァジネィション」の方が近いです（今回気付いた）。 ページネーションでできあがった2ページ目から後のページをrel=”canonical”を使って1ページ目に正規化する利用法を、Googleは推奨していません。 × ページ2 ⇒ ページ1 × ページ3 ⇒ ページ1 × ペー
ページネーションにおけるrel=“canonical”タグの正しい使い方 at SMX West 2011
今日のエントリもSMX Westのセッションからのレポートです。 扱うトピックは、GoogleのMaile Ohye(マイリー・オイェ)さんが説明した、「ページネーションにおけるrel=”canonical”タグ（属性）の使い方」です。 ※ページネーションとは、ここでは1まとまりのコンテンツを複数のページに分割する、いわゆる「ページ送り」を意味します。 たとえばECサイトで靴を通信販売していたとします。 あるカテゴリで、1ページにつき商品を10個表示していて、全部で200種類の靴があったとします。 この場合ページネーションすると、合計で20ページができあがります。 こんなケースでrel=”canonical”タグを使うとしたら、あなたはどうしますか？ 僕だったら、2ページ目以降のページでは1ページ目を指し示すようにrel=”canonical”タグを記述します。 つまり「ページ2」〜「ペー
WordPress me 2.2.3 を WordPress 2.6 に移行 | 日々是好日
WordPress me を本家のWordPressに移行しました。 meでも今のところ全然問題ないのですが、更新が終了してしまったため、何かある前に今のうちに移行してしまったほうが安全かなと思って決行しました。（調べてみたら意外と簡単にできそうなのもあって） 簡単だと思いきや、プラグインが対応してなかったりして時間かかってしまいました。。。 というわけで作業内容です。 WordPressの日本語版のHPにやり方が載っているので確認します。 http://ja.wordpress.org/upgrade/ たった４行だけ。。。 1. 変更したファイルを保存し、古い WP ファイルを削除します 2. 新しいファイルをアップロードします 3. ブラウザで /wp-admin/upgrade.phpにアクセスします 4. もっと何かしたかったですか ? これだけです ! ん～
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
知っておいて損しない、地味に便利なWordPressのデフォルト機能
WordPress存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった！便利！」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP