2015年9月3日のブックマーク (24件)

  • スクロール位置によってサイドバーを固定/解除させる jQuery実装方法

    2012年の始めに【 jQuery 】ページのスクロール途中で指定要素の位置を「固定 / 解除」する方法という記事を書きました。この記事で書いたのは、ヘッダーバーとフッターバーを対象にスクロール位置による要素を固定/解除する方法でした。当時はまだサイドバーを固定させるUIというのは主流ではありませんでしたが、昨年の後半から今年にかけていろんな所で見るようになってきました。 先日、1年前の記事でサイドバーを固定/解除させる方法についての質問もいただきましたので、その実装方法についてまとめてみたいと思います。このブログでも「サイドバーを固定/解除させている」ので、このブログを例に説明していきます。 ポイントは、以下の3つの値をどう取得するかということになります。この値さえ取得できてしまえば、あとはその値によってサイドバーを固定/解除するような命令を与るだけとなります。 スクロールトップの位置を

    ROONIE
    ROONIE 2015/09/03
    “スクロール位置によってサイドバーを固定/解除させる jQuery実装方法”
  • Excel 入力した数値に「円」という単位をつけたい

    数値のままで円 Excel2016,2013基技47 入力した数値に「円」ユーザー定義 データは数値扱いのまま、「円」を表示させる方法を紹介します。 負の数を赤く表示したり、「▲」を付けるなら表示形式は「数値」です。 しかし、セルに入力した数値に「円」という単位をつけたい場合、 セルにそのまま「1500円」と入力すると、そのデータは文字列として扱われ、数値としての計算ができなくなります。 その問題を解決するのがユーザー定義です。見かけは数値の後ろに円をつけて認識しやすくし、 実態は数値のままという設定ができるのがユーザ定義です。

    Excel 入力した数値に「円」という単位をつけたい
    ROONIE
    ROONIE 2015/09/03
    “データは数値扱いのまま、「円」を表示させる方法を紹介します。セルに入力した数値に「円」という単位をつけたい場合、 セルにそのまま「1500円」と入力すると、そのデータは文字列として扱われ、数値としての計算
  • CSS | フォントサイズ px・em・% 対応表【インターネット研究会Z】

    □px 文字サイズのピクセル指定です。dpi・画素数、液晶モニターの粒の大きさでの指定ですね。簡単に指定できデザインもし易いので初心者向から幅広く使用できます。ただ環境(解像度)によって大きさが変わりデザインが崩れるのが欠点です。 □em デザインのプロの人が好んで使っています。emは倍率での指定となります。1.5emの場合は基値から1.5倍というサイズになります。これは初期設定で10px=1emになるように設定で調整しなければなりません。IEでは拡大縮小できませんがそれ以外のブラウザなら出来ます。 余談ですがemは元々文字間隔を空けるタグです。1emで1文字の間隔が開きます。 □% emはIEでバグがあるので嫌いという方が%指定で使っています。 emはデジカメのズームのように「×1.2倍」と表記しますが 、%は「120%」と表記します。その違いです。しかし下の表を見てのように1%程の誤

    ROONIE
    ROONIE 2015/09/03
    “フォントサイズ px,em,% 対応表【インターネット研究会Z】”
  • CSS Arrow Please - By Simon Hoejberg - @shojberg

    Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.

    ROONIE
    ROONIE 2015/09/03
    ふきだしジェネレーター
  • margin-スタイルシートリファレンス

    マージンは領域間のスペース、パディングは領域内のスペースです。 尚、マージンには負の値を指定することもできます。 マージンに負の値を指定することで、複数の領域を重ねて表示させることが可能ですが、重なり順や重ね位置がブラウザによって異なるため、注意が必要です。 ■使用例 スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample1 {background-color: #f8dce0; margin: 10px;} p.sample2 {background-color: #f8dce0; margin: 10px; padding: 10px;} p.sample3 {background-color: #f8dce0; margin: 10px 20px;} p.sample4 {background-color: #f8dce0; margin: 10px 20

    ROONIE
    ROONIE 2015/09/03
    指定した場合: 記述した順に[上下][左右]のマージンになります。 値を3つ指定した場合: 記述した順に[上][左右][下]のマージンになります。 値を4つ指定した場合: 記述した順に[上][右][下][左][css]のマージンになります。
  • エクセルのVLOOKUP関数の使い方とその攻略方法

    指定範囲の左端を検索し、ー致したセルを含む行を調べる VLOOKUP関数の使い方 近似一致の例 VLOOKUP(ブイルックアップ)関数の使い方とその攻略方法を詳しく解説します。 VLOOKUP 関数は、これを武器として使っている方もいれば、苦手意識を持っている方もいます。 VLOOKUP(ブイルックアップ)関数は、使いこなせば強い味方ですが、油断をすると、エラーが出まくり大惨事となります。 要点を押さえてあなたもこの関数を武器にしましょう VLOOKUP 関数は、配列の左端列で特定の値を検索し、対応するセルの値を返します。 ExceIで表を作成するとき、一番左側の行はコード番号や項目名などの見出し的なものが入ることが多いです。 これを検索して、指定した値を持つ行の指定した列の値を返すのがVLOOKUP関数です。 Excelバージョン:Excel20192016201320102007 (サ

    エクセルのVLOOKUP関数の使い方とその攻略方法
    ROONIE
    ROONIE 2015/09/03
    “VLOOKUP 関数は、配列の左端列で特定の値を検索し、対応するセルの値を返します。 ExceIで表を作成するとき、一番左側の行はコード番号や項目名などの見出し的なものが入ることが多いです。”
  • TRANSPOSE関数の使い方 検索/行列関数

    表の行と列を入れ替えたいTRANSPOSE関数 TRANSPOSE関数 検索/行列関数 TRANSPOSE 関数は、縦方向のセル範囲を横方向に、横方向のセル範囲を縦方向に変換します。 Excelバージョン:201920162013 2010200720032002 2000 TRANSPOSE関数 TRANSPOSE関数は、データの配列を入替えて表示する関数です。 配列関数の入力方法は特殊なので、よく覚えておきましょう。

    TRANSPOSE関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “TRANSPOSE 関数は、縦方向のセル範囲を横方向に、横方向のセル範囲を縦方向に変換します。”
  • ROWS関数の使い方 検索/行列関数

    データ範囲の行数を返すROWS関数 ROWS関数 検索/行列関数 ROWS関数は、データ範囲の行数を返す関数です。 セル範囲の行数を求めるにはこのROWS 関数、列数を求めるには COLUMNS 関数を使用します。 Excelバージョン:201920162013 2010200720032002 2000 ROWS関数 行数を求めるROWS関数。 引数の配列には、行数を求めたいセルやセル範囲、配列を指定します。

    ROWS関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “ROWS関数は、データ範囲の行数を返す関数です。セル範囲の行数を求めるにはこのROWS 関数、列数を求めるには COLUMNS 関数を使用します。”
  • ROW関数行番号を求める 検索/行列関数

    表の行番号を調べたい! ROW 関数は、行番号を戻り値として返す。 ROW関数で行番号を 検索/行列関数 ROW 関数はセル参照の行番号を返します。 Excelバージョン:201920162013 2010200720032002 2000 ROW関数|セル参照の行番号 引数の参照は、 省略可能です。 行番号を調べるセルまたはセル範囲の参照を指定します。 範囲を省略すると、ROW 関数が入力されているセルの行番号が返されます。

    ROW関数行番号を求める 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “表の行番号を調べたい! ROW 関数は、行番号を戻り値として返す。”
  • OFFSET関数の使い方 検索/行列関数

    OFFSET 関数は基準となるセルを決め、そこから行(縦)と列(横)に指定した分だけずらした先のセルを参照する関数です。 Excelバージョン:201920162013 2010200720032002 2000 OFFSET関数

    OFFSET関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “OFFSET 関数は基準となるセルを決め、そこから行(縦)と列(横)に指定した分だけずらした先のセルを参照する関数です。”
  • MATCH関数の使い方

    検査値と一致する要素の相対的な位置を数値で求める MATCH関数 目的のセルの位置を番号で取得 MATCH 関数は、指定した行または列の中で、指定した数値や文字列などを探し、発見したデータが何番目にあるのかを返す関数です。 VLOOKUPは列方向、HLOOKUPは行方向というように、列か行のどちらか、1方向だけしか検索することができません。 しかし、ここで紹介するMATCH関数を、VLOOKUP、HLOOKUPといった関数やINDEX関数を組み合わせることで、行と列をそれぞれ検索し、 発見された位置の交点にあるセルの値を求めることが可能になります。 Excelバージョン:201920162013 20102007

    MATCH関数の使い方
    ROONIE
    ROONIE 2015/09/03
    “MATCH 関数は、指定した範囲の中で、指定した値が何番目にあるのかを返す関数です。”
  • LOOKUP関数の使い方 検索/行列関数

    範囲を検索して対応する値を抽出する LOOKUP関数 検索/行列関数 LOOKUP 関数は1 つの行または列から、他の行または列の同じ場所にある値を見つける関数です。 LOOKUP 関数は 1つの行や列を検索するために使います。 同様の、VLOOKUP関数は、LOOKUP関数の機能強化関数です。 Excelバージョン:201920162013 2010200720032002 2000 LOOKUP関数 LOOKUP には、ベクトル形式と配列形式の 2 種類の使い方があります。 ベクトル形式では、1つの行または 1 つの列で値を検索します。 また配列形式を使うなら、現在では、VLOOKUP関数やHLOOKUP関数を使うよう推奨されています。

    LOOKUP関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “LOOKUP 関数は1 つの行または列から、他の行または列の同じ場所にある値を見つける関数です。 LOOKUP 関数は 1つの行や列を検索するために使います。 同様の、VLOOKUP関数は、LOOKUP関数の機能強化関数です。”
  • INDIRECT関数の使い方 検索/行列関数

    指定される文字列への参照を返すINDIRECT関数 INDIRECT関数 検索/行列関数 INDIRECT 関数は参照文字列によって指定されるセルに入力されている文字列を介して、間接的にセルを指定します。 つまり、リストや範囲に名前を付けておき、種別や内容や商品名などのリストを切り替えるなどということもできるのがINDIRECT関数です。 Excelバージョン:201920162013 2010200720032002 2000 INDIRECT関数 引数の参照文字列にはセルアドレスを文字列で指定します。

    INDIRECT関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “INDIRECT 関数は参照文字列によって指定されるセルに入力されている文字列を介して、間接的にセルを指定します。 つまり、リストや範囲に名前を付けておき、種別や内容や商品名などのリストを切り替えるなどというこ
  • INDEX関数の使い方 指定された行数と列数の位置にある値を求める

    INDEX関数の使い方 INDEX関数 位置を指定してやれば値を返す INDEX関数はセル参照または配列から、指定された位置の値を返します。 検索関数の中では、VLOOKUP関数やHLOOKUP関数が代表格ですが、この2つの関数では抽出できない場合に、INDEX関数を使います。 Excelバージョン:201920162013 20102007 INDEX関数 INDEX関数は、範囲の中で、指定した行位置、列位置にあるセルの内容を返す関数です。 INDEX関数の書式には、配列形式とセル範囲形式の 2 種類があります。 INDEX(配列, 行番号, [列番号]) INDEX(参照, 行番号, [列番号], [領域番号]) 配列を使う時は、配列の書式、セル範囲を使う時は、セル範囲用の書式を選択することになります。

    INDEX関数の使い方 指定された行数と列数の位置にある値を求める
    ROONIE
    ROONIE 2015/09/03
    “INDEX関数は、範囲の中で、指定した行位置、列位置にあるセルの内容を返す関数です。 INDEX 関数の書式には、配列形式とセル範囲形式の 2 種類があります。”
  • HYPERLINK関数の使い方 検索/行列関数

    ハイパーリンクを作成するHYPERLINK関数 HYPERLINK関数 検索/行列関数 HYPERLINK 関数はハイパーリンクを作成する関数です。 HYPERLINK 関数が設定されているセルをクリックすると、 リンク先に指定した場所に保存されているファイルが開きます。 Excelバージョン:201920162013 2010200720032002 2000 HYPERLINK関数

    HYPERLINK関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “HYPERLINK 関数はハイパーリンクを作成する関数です。HYPERLINK 関数が設定されているセルをクリックすると、 リンク先に指定した場所に保存されているファイルが開きます。”
  • HLOOKUP関数の使い方 検索/行列関数

    HLOOKUP関数で先頭の行から同じ値を探してその列からデータを取り出す HLOOKUP関数 検索/行列関数 HLOOKUP 関数は、検索範囲の一番上の行を検索して、検索値と一致するセルが見つかれば、そのセル を含む列中で、指定した行の値を求めます。 Excelバージョン:201920162013 2010200720032002 2000 HLOOKUP関数 HLOOKUP関数の引数、検索の型 は、省略可能です。 TRUE では、一致する値が無い場合は値以下の最大値が返されます。 FALSE では、一致する値が無い場合は#NA工ラーが返されます。 引数検索の型を省略すると、TRUEが自動的に設定されます。

    HLOOKUP関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “HLOOKUP 関数は、検索範囲の一番上の行を検索して、検索値と一致するセルが見つかれば、そのセル を含む列中で、指定した行の値を求めます。”
  • GETPIVOTDATA関数の使い方 検索/行列関数

    GETPIVOTDATA関数でピボットテーブルからデータを取り出す。 GETPIVOTDATA関数 検索/行列関数 GETPIVOTDATA 関数は、ピボットテーブル レポートに表示されているデータを返します。 Excelバージョン:201920162013 2010200720032000 GETPIVOTDATA関数

    GETPIVOTDATA関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “GETPIVOTDATA 関数は、ピボットテーブル レポートに表示されているデータを返します。”
  • FORMULATEXT関数の使い方 検索/行列関数

    数式を文字列として返すFORMULATEXT関数 FORMULATEXT関数 検索/行列関数 FORMULATEXT 関数は数式を文字列として返す関数です。Excel2013で追加されました。 Excelバージョン:2013 FORMULATEXT関数 機能はシンプルです。表示したいセルの数式を指定してやると、文字列として返すというものです。

    FORMULATEXT関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “FORMULATEXT 関数は数式を文字列として返す関数です。Excel2013で追加されました。”
  • COLUMNS関数の使い方 検索/行列関数

    COLUMNS関数 検索/行列関数 COLUMNS 関数はセル参照の列数を返します。 Excelバージョン:201920162013 2010200720032002 2000 COLUMNS関数

    COLUMNS関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “COLUMNS 関数はセル参照の列数を返します。COLUMNS関数の引数には、列の数を知りたいセル範囲を指定します。 COLUMNS関数の引数には、セル範囲または配列、配列数式を入力します。”
  • COLUMN関数の使い方 検索/行列関数

    COLUMN関数 検索/行列関数 COLUMN 関数は、列番号を求める関数です。 COLUMN 関数を使うと、指定したセルや現在のセルの列番号を得ることができます。 Excelバージョン:201920162013 2010200720032002 2000 COLUMN関数で列番号 指定したセル参照の列番号を返します。

    COLUMN関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “COLUMN 関数は、列番号を求める関数です。 COLUMN 関数を使うと、指定したセルや現在のセルの列番号を得ることができます。”
  • CHOOSE関数の使い方 指定した値を選んで表示

    CHOOSE関数リストの中から値を選択して表示 CHOOSE関数 指定した値を表示したい CHOOSE関数は引数リストの値の中から指定した位置にある引数を取り出し表示します。他の関数と組み合わせることで、さまざまな事ができる関数です。 Excelバージョン:201920162013 2010200720032000 CHOOSE関数の書式と入力方法 CHOOSE関数の引数であるインデックスで位置を指定すると、その位置で指定した値を選択します。 たとえば引数に2を指定すれば、2番めの値を返します。CHOOSE関数の引数の値に文字列を指定する時は、二重引用符をつけないと、正しい引数として認識されないので、注意しましょう。 関数の挿入ダイアログボックスからCHOOSE関数を入力した場合には、引数が文字列の場合は自動的に""がつくので、問題はありませんが、キーボードから直接入力する時は、忘れないよ

    CHOOSE関数の使い方 指定した値を選んで表示
    ROONIE
    ROONIE 2015/09/03
    “CHOOSE 関数は引数リストの値の中から特定の値を 1 つ選択します。”
  • AREAS関数の使い方 検索/行列関数

    AREAS関数は、指定された範囲に含まれる領域の個数を返します。 セル範囲が、何個あるかを返すときには、AREAS関数を使います。 Excelバージョン:201920162013 2010200720032000 AREAS関数

    AREAS関数の使い方 検索/行列関数
    ROONIE
    ROONIE 2015/09/03
    “AREAS関数は、指定された範囲に含まれる領域の個数を返します。 セル範囲が、何個あるかを返すときには、AREAS関数を使います。”
  • ADDRESS関数の使い方~検索と行列関数 Excel関数

    ADDRESS関数~検索と行列関数 ADDRESS関数は、ワークシート上のセル参照を文字列として返します。 ADDRESS関数を使うと、行番号と列番号を指定して、ワークシート内のセルのアドレスを取得できるので、そこから対象となるセルに記載された文字列などを取得できるわけです。 Excelバージョン:201920162013 20102007 ADDRESS関数

    ADDRESS関数の使い方~検索と行列関数 Excel関数
    ROONIE
    ROONIE 2015/09/03
    “ADDRESS関数は、ワークシート上のセル参照を文字列として返します。 ADDRESS関数を使うと、行番号と列番号を指定して、ワークシート内のセルのアドレスを取得できるので、そこから対象となるセルに記載された文字列など
  • Excel 名前の最後に様(サマ)と表示する

    「名前を入力したら、「様」が自動でついたら、すごく楽だろうな」って思っていませんか?自動で表示する方法があるんですよ。 書式のユーザー定義 様を自動挿入 名前の最後に様と表示するには 顧客名簿などの名前の列に自動で様を表示したり、追加したい時にデータ自体には、様を入力しなくても、見かけ上「様」を付けて表示することができます。 そうすれば、データ入力の時は「様」を入力する手間もなく、もし名簿を見られても、敬称の「様」がついているので失礼にあたりません。 この便利な機能は、Excelの関数ではなく、Excelの書式設定のユーザー定義で行います。 ここでわかること ・名前の後ろに自動で様と表示するには、書式のユーザー定義を使う。 ・「様」以外にも「円」、「人」、「個」など単位を設定できる。 Excelバージョン:20162013201020072003 名簿の名前に様を自動でつけたい 書式のユー

    Excel 名前の最後に様(サマ)と表示する
    ROONIE
    ROONIE 2015/09/03
    名簿の名前の最後に「様」と自動的に入れたいときは、表示形式タブをクリックします。分類からユーザー定義を選びます。@"様"と入力します。