JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.from編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのザワです。肌寒くなってきたきましたが、いかがお過ごしでしょうか。 さて、普段からJavaScriptを触っていながら、配列についてはぜんぜん知らないなと思った今日この頃、あらためて配列を知っていこうと思い立ったわけです。JavaScriptの配列にまつわるメソッドはたくさんあるので、気が向いたときに少しずつシリーズにしてお送りしていく予定です。 ここでは、言語仕様に関する詳しい説明はしません。広く浅く、なにをするメソッドなのか、実際に使う場面になったときに思い出せる引き出しを増やす目的でやっていきます。 今回はArray.fromメソッドを見ていきます。では早速いってみましょう！ ※ここからの説明は個人的に調べて解釈したざっくりとした説明になります。詳しく知りたい方はこちらへどうぞ！ Array.fromメソッドとは Array.fromメソッドとは、
これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
フォトショップに慣れてくれると、重要になるのが「作業の効率アップ」でしょう。 「自分のやりたいこと」を、できるだけ早くこなす、時短ワザは欠かせません。 この記事では、フォトショップを使う人なら誰でも役立つテクニック11選を、サンプル例と一緒にご紹介します。 コンテンツ目次 同じファイルを2画面で表示する方法 Photoshop以外から色を抽出する方法 コピースタンプツールの使い方（応用編） グループ機能の手軽な写真合成テクニック 輝きをアップする８つの描画モード 「白黒」調整レイヤーをつかった色の変更テクニック 気になるシワやしみを消す方法 写真の明るい部分のみ選択する方法 色調の自動補正アルゴリズムを変更する方法 切り抜きサイズを統一する方法 隠しバナナアイコンを表示する方法 フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての機能を試すことができ
Illustratorのパスファインダーで合体・交差・分割・切り抜きなどがどうなるのか一目で分かるチートシート
Illustratorで複数のオブジェクトを組み合わせて、簡単な形から複雑な形をつくりだすことができるパスファインダーのチートシートを紹介します。
スキャン時にまとまってしまった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でシンプルなページャーつくってみた
PHPでシンプルなページャーつくってみた すごくつまらなくて申し訳ないですが、PHPでページャー（ページを分割したときのナビゲーション）を作ってみましたので載せておきます。 投稿日2011年11月22日 更新日2011年11月22日 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_
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のデフォルト機能 - かちびと.net
存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった！便利！」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図のようなWYSIWYGがポップアップします。 リンクは既に作成済みなので下書き保存してあとで編集すれば記事執筆のハードルも低くなるかも知れません。 記事を複数ページに分割 テーマファイルを触る必要が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP