piano-kanrininのブックマーク (510)

  • 1分で終わる!FacebookページのRSSフィードを取得する3つのステップ

    公開日:2013-09-20 更新日:2022-10-16 RSSリーダーを利用して、興味のあるブログの更新情報をチェックすることが、毎日の日課になっている方も多いと思います。 実は、Facebookページも「RSS」を配信しています。 ※Facebookページについて、詳しくはこちらの記事で解説しています → Facebookページとは?Facebookに企業ページを作成する7つのステップ Facebookページに「いいね!」していれば、ニュースフィードに更新情報が流れます。 ただ、タイミングが合わなければ、見逃してしまうこともあるでしょう。 そこで、この「見逃し」を解決してくれるのが、Facebookページの「RSS」です。 この「RSS」を取得し、「RSSリーダー」に登録すれば、更新情報を見逃さずにチェックすることができます。 そこで、今回の記事では、Facebookページの「RSS

    1分で終わる!FacebookページのRSSフィードを取得する3つのステップ
  • 改行が変!?自動改行するブログでのSyntaxHighlighterの表示崩れを回避する方法

    あ、ありゃ!? なんだかSyntaxHighlighter内の改行が変だゾ。 こ、これは詰んだ...のか。 (; ・`д・´) ども、前回の記事から「SyntaxHighlighter」を導入してみたピアノ教室管理人です。 HTMLCSSなどのコードをブログ上で書き示すとき、SyntaxHighlighterはとても便利でしかもキレイに表示してくれるJavaScriptツールです。 こういうヤツですね。^^ .goArticle{ pointer-events:none; cursor:default; text-decoration:none; color:#000000; /*通常の文字と同じ色を指定*/ } このブログでは「syntaxhighlighter_3.0.83」を使っていますが、導入の仕方については既にネット上に豊富にありますので、そちらを参考にしてください。 管理人は

    改行が変!?自動改行するブログでのSyntaxHighlighterの表示崩れを回避する方法
  • 消えた!?リンクを無効化するCSSプロパティpointer-eventsを使ってみた&ブラウザごとの検証を少々

    け、消せた、リンクが消せたよぉ~。 ありがとう、pointer-events! ( ;∀;) カンドーシタ ども、思った以上に仰々しい画像(↑)をつけてしまい、ちょっぴり後悔しているピアノ教室管理人です。 (;´Д`) 最近このブログを改装して、トップページに複数の新着記事の概要が並ぶスタイルに変更しました。 (こういう形式って何て呼べばいいんだろう?) そして概要内の画像をクリックするとその記事へ飛べるようにリンクしたかったんですが、その機能はSeesaaブログには用意されていないんですよね。 そこで記事を書くとき、あらかじめ画像に対して記事へのリンクを仕込んでおくようにしたんです、こんな感じに。 しかし当然のことながら、記事ページでも画像に仕込んだリンクは残ったまま、なんですよね~。 ・・・邪魔っ! そこでトップページではリンクを有効にしたまま、記事ページではそのリンクを無効にしたい

    消えた!?リンクを無効化するCSSプロパティpointer-eventsを使ってみた&ブラウザごとの検証を少々
  • SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About

    HTMLCSSJavaScriptPHPなど様々な言語のソースコードを、ウェブ上で読みやすく表示してくれる「SyntaxHighlighter」というツールがあります。JavaScriptCSSで作られており、右図のように、行番号を付けて綺麗に装飾し、ソースを見やすく表示してくれます。また、ソース部分だけを一括コピーしやすくする機能もあり、便利です。 この「SyntaxHighlighter」は、IT系の技術解説サイトなどでもよく使われているので、目にしたことのある方々も多いのではないでしょうか。標準の配色(テーマ)のほか、右図のように様々な配色が用意されており、好みのデザインで表示できます。CSSを編集すれば、自分で配色セットを作ることもできます。 今回は、ウェブ上でのソース表示に便利な「SyntaxHighlighter」について、そのメリットと使い方をご紹介致します。 Syn

    SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About
  • Playstation mk2

    Free Backgrounds Browse the selection of free beautiful background photos submitted by our community of talented contributors and completely free to download and use.

    Playstation mk2
  • ホームページ制作なら渋谷のウェブ制作会社【スタイル】

    【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。

    ホームページ制作なら渋谷のウェブ制作会社【スタイル】
  • syntaxhighlighterのcssを少しいじって見た目を調整する。: don't cut corners

    これも単なる覚書ですが、syntaxhighlighterの「shCoreDefault.css」を ちょっといじって自分の好みに少しだけ変更してみました。 行間が狭くて見にくいので調整2箇所。 -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.8em !important; //1.6em->1.8emに変更行間広げる margin: 0 !import

  • さくらのブログやSeesaaブログでSyntaxHighlighterを使う。: 俺の砂箱

    寄り道ばかりの人生だけど、寄り道こそが我が人生。 暇人が色んなプログラミング技術を摘みいしてみるテスト。 初エントリにも関わらず、いきなり小難しいエントリを一つ。 ウェブサイトなどでソースコードを綺麗に表示させるためによく使われる SyntaxHighlighter を当ブログでも導入してみた。 ちなみに当ブログは「さくらのブログ」を利用しているのだが、「Seesaaブログ」と互換のブログサービスなので、そちらでも応用できるだろう。 まずは、SyntaxHighlighter家サイトからダウンロード。 今回は、syntaxhighlighter_2.1.382.zipというファイルをダウンロードした。 ダウンロードしたファイルを解凍すると、何やらワンサカとファイルが入っているのだが、まず基となるのは以下の3つだ。これらを取り出しておく。 shCore.js shCore.css sh

  • パパ・ママ必見!?親子ピアノ連弾で我が子の演奏について行けない大人のための練習法とは? | ピアノレッスン☆音楽の魔法♪

    ピアノレッスンのヒントを横浜のピアノ教室「福田音楽教室」のピアノ講師 福田りえがお届けします。愉快で楽しい、そしてピアノが大好きになっちゃう、そんなピアノレッスン方法や音楽のアレコレをドドーンとご紹介! ピアノ講師☆福田りえです。 (*^-^)/ 子どもたちのピアノの上達スピードは、大人が想像する以上の早さがありますよね。短期間でアッと驚く急成長を遂げることも珍しくありません。 「またまだ私の足元にも及ばないワ。オホホホ!!」 「いやいや、俺もまだまだ負けないゾ。HAHAHAHA!!」 そう思って我が子の連弾相手を買って出てみたものの、いざ一緒に練習をはじめてみるとついていくのも一苦労。 その腕前に舌を巻きつつ、冷や汗タラリ。昔取った杵柄はすっかり錆びついてしまったのでしょうか? ピアノ発表会や演奏会など連弾番はもうそこまで迫ってきています...。 冷や汗タラリ!親子でピアノ連弾あるある

    パパ・ママ必見!?親子ピアノ連弾で我が子の演奏について行けない大人のための練習法とは? | ピアノレッスン☆音楽の魔法♪
  • はてなブックマーク - ヘルプ - 自分のブログに被ブックマーク数を表示する

    自分のブログに被ブックマーク数を表示するブックマーク数を画像で取得するAPIを利用して、自分のサイトやブログでエントリーがブックマークされた数を表示させることができます。あなたの書いたエントリーについてのコメントを一覧したり、ブックマークしてもらうためのナビゲーションとしてお使いください。 このページでは、このブックマーク数を画像で取得するAPIを利用して、各ブログサービスで被ブックマーク数を表示させる方法を紹介しています。 Blogger 「テンプレート」タブから「現在の内容を編集」欄の <!-- Begin #main --> と <!-- End .post --> に囲まれた以下の部分を次のように編集します。 ... </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$> </p> ... を ... <

    はてなブックマーク - ヘルプ - 自分のブログに被ブックマーク数を表示する
  • 【SEO】外部サイトへのリンク切れをチェックする - 検索サポーター

    パンダアップデートも行われていますし、内部施策をやりましょう 私がいつもチェックしているサイト『Web担(Web担当者Forum)』のエントリー「2ページ目: グーグルの“サイトリンク”をコントロールする方法、教えます など10+4記事(海外&国内SEO情報) | Web担当者Forum」にて、「外部サイトへのリンク切れはSEOにマイナスなのか?」というテーマで興味深いことが書かれていました。 これを踏まえて、内部施策の一つとしてやっておくべきことがあるなと考えましたので、ご紹介をしたいと思います。 (先日より、パンダアップデートが行われていますし、それならこのタイミングで内部施策をやっておくのも良いとも考えました。) 【Google】ペンギンよりもパンダが先にやってきた件 - 検索サポーター 内容は以下の通りです。 【質問】 ツールを使って外部サイトへの発リンクをチェックしたところ、すで

    【SEO】外部サイトへのリンク切れをチェックする - 検索サポーター
  • 画像のリンク切れ表示 | JSource

  • 朗報!アメブロのスマホ版CSSをカスタマイズする目からウロコな方法を試してみたョ!

    アメブロのスマホ版のデザイン、どうにかならんもんかなぁ~って思ってたら、こんなカスタマズ方法があったんですね! (  Д ) ゚ ゚ 目からウロコでした。 こんにちはピアノ教室管理人です。 アメブロをはじめとした無料ブログサービスには、従来のPC版の表示に加え、スマートフォンでの表示に最適化されたスマホ版がありますよね。 PC版のヘッダーやサイドバー、フッターなどを省き、記事文だけを抜き出した表示の軽~い、しかしデザインが微妙なアレです。 最近はスマホの解像度も向上しPC版がそのまま表示されることが増えてますが、Facebookアプリからブログへ移動したときなど何故かスマホ版のブログが表示されてしまうことがあるんですよぉ。 Why? (・・;? 簡素というか色気のない、どこか表示の壊れたようなスマホ版を見るにつけ、いや、これは何とかカスタマイズせねばお恥ずかしい・・・と思ってきたというわ

    朗報!アメブロのスマホ版CSSをカスタマイズする目からウロコな方法を試してみたョ!
  • http://crowd-logic.com/blog/archives/28890

  • Seesaaブログの「続きを読む」のURLに「#more」をつけないカスタマイズ

    Seesaaブログのメインページに表示される文の最後に「続きを読む」のリンクが表示されます。 この「続きを読む」のURLの末尾には、 http://hogehoge.com/hogehoge.html#more と、「#more」が付与されます。エントリーではURLから「#more」を除去して、 http://hogehoge.com/hogehoge.html にするカスタマイズを紹介します。このカスタマイズは当ブログで配布しているSeesaaブログテンプレートと関係なく、どのテンプレートでも(多分)共通です。 1.カスタマイズするコンテンツの表示 マイブログにログインして、「デザイン」→「コンテンツ」をクリック。 デザイン画面を表示中であれば次の部分をクリックします。 「記事」をクリック。 「コンテンツHTML編集」をクリック。 これで編集するテンプレートが表示されました。 2.カ

    Seesaaブログの「続きを読む」のURLに「#more」をつけないカスタマイズ
    piano-kanrinin
    piano-kanrinin 2014/09/24
    “<a href="<% article.page_url %>">続きを読む</a>”
  • Seesaaブログスマートフォン版の広告を消す方法【2013/6/2更新】: Kuma Kuma Factory

    【2013/6/2スマホからデスクトップ版を表示した際の広告非表示を追加しました&スマホのソースもちょっと修正】 ここはHTMLの編集ができないSeesaaスマホサイトのcssを編集して、いっぱい表示される広告をがんばって消してみようというページです。 新たに広告がでると更新されたりするかもしれません。 とりあえず数多すぎて嫌になったので(笑)先人の知恵を借りようと思い検索で見つけた参考サイト様↓こちらをベースにさせていただいてます。 http://oyakudati-jyoho.meblog.biz/article/7990649.html 上記サイト様のものでは消えなかった広告を処理するためのソースを追加したものです。 ※Seesaa運営さんも消されてばっかでは儲からないので次々に新しい広告がでます。 ここに書いてあることを実践しても、再び広告でちゃったりすることもあると思うのでご注意

  • 障がい児のための音楽療法ピアノレッスンと一般的なピアノレッスンの違い | ピアノレッスン☆音楽の魔法♪

    ピアノレッスンのヒントを横浜のピアノ教室「福田音楽教室」のピアノ講師 福田りえがお届けします。愉快で楽しい、そしてピアノが大好きになっちゃう、そんなピアノレッスン方法や音楽のアレコレをドドーンとご紹介! ピアノ講師&音楽療法士の福田りえです。 (*^-^)/ 毎年9月には私も会員であり、認定音楽療法士として所属させていただいている、日音楽療法学会の学術大会が開催されています。 昨年は米子で行われ、私も研究事例として発表させていただくチャンスを得ることができました。 そして今年2014年は「臨床現場における人と音楽とのエンゲージメントを考える 〜個を生かし個を結びつける音楽療法〜」というテーマで、9月19日(金)〜21日(日)まで名古屋国際会議場で行われます。 もちろん私も、発表こそありませんが参加させていただきます。 そういった日音楽療法学会の会員としての活動とは別に、自分のピアノ教室

    障がい児のための音楽療法ピアノレッスンと一般的なピアノレッスンの違い | ピアノレッスン☆音楽の魔法♪
  • 超絶簡単!!Premiere上でのmovファイルの音ズレの一発解消法!!

    さて、Premiere Pro CS6にmovファイルを読み込んでっと...。 ファッ!?なんで音ズレるし!? (;´゚д゚`) こんにちは、動画編集にも積極的に取り組んでいるピアノ教室管理人です。 動画編集環境はWindows7のPremiere Pro CS6です。 いっちょ前に!^^; で、そのPremiere上にQuickTimeのファイル形式である「.mov」の拡張子の付いた動画ファイルを読み込みと、どうしたことか音ズレが発生するんですよ~。 読み込んだmovファイルの映像と音が微妙にズレてしまうんです。 特に楽器演奏系の動画の場合、映像と音のズレは致命的なくらい気持ち悪いものです。 気になって気になって、とても見るに絶えません。 う~ん、これは困った...。 (;゚д゚) そんなときこちらのブログ記事を見つけました。 ⇒ premiere proで映像と音声がずれる | kiy

    超絶簡単!!Premiere上でのmovファイルの音ズレの一発解消法!!
  • | 島のWeb屋より

  • 『premiere proで映像と音声がずれる』

    まじで! ずれる。 なんと、解決しました。 しかもめちゃくちゃ簡単! これ、ずーっと前から検索して調べまくったけど全然解決しなかった問題。 premiere pro CS6からこの事象は起こってました。 スペックは、 MacBookProの2012モデル15inc。 CPUはi7だし、メモリも8Gで文句無し。 なのにずれる。 QuickTimeではずれないのに、premiere proに読み込むとずれるのです。 ココにたどり着いた方、まさか同じ症状でしょうか?? 動画のサイズは、だいたい30分以上。 20分以上でもずれます。 そして、拡張子はmov。 そうです、iPhoneiPadで撮影した動画です。 容量も1GB超え。 で、最初は容量の問題なのかと思ったのです。 動画の取り込み方としては、iPhotoで取り込み、ファインダーのピクチャーからフォルダを開き、mastersではなくPrev

    『premiere proで映像と音声がずれる』