yomogiのブックマーク - はてなブックマーク

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

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

yomogi 2016/01/03

ブログでソースコードを見やすくするツール。

リンク

レスポンシブCSSで使うブレイクポイントの決め方 [ホームページ作成] All About

レスポンシブCSSで使うブレイクポイントの決め方レスポンシブWebデザインでCSSを書く際のブレイクポイントを、2018年版アクセス解析結果の画面サイズシェアから考える方法を解説。スマホは375px、タブレットは768pxの横幅が最も多いとはいえ、375と768をブレイクポイントにすれば良いわけではありません。さらに、モバイル端末とPCとの境界は1024～1280pxのどこに設定すれば良いのかなど、ブレイクポイントの決め方をご紹介。ブレイクポイントの基本と決め方 (スマホ・PC) レスポンシブWebデザインでCSSを書く際のブレイクポイントについて、その基礎知識とブレイクポイントとして採用する横幅サイズの決め方をまとめてご紹介いたします。今回は、2018年版の日本国内での画面サイズシェアを元にして、モバイル環境向けブレイクポイント(スマートフォンとタブレットとの境界)の考え方と、PC環

yomogi 2015/07/05

html
css

リンク

1ヶ月自炊に困らない！一人暮らし向けレシピまとめ100 [毎日のお助けレシピ] All About

1ヶ月自炊に困らない！一人暮らし向けレシピまとめ100一人暮らし向けのレシピをとにかく集めました！もやし・キャベツ・冷凍うどん・ツナ缶・作りおきOK・具だくさんみそ汁・材料3つだけ・15分パスタ・丼もの・30分で4品できる一汁三菜レシピ、全部合わせて100ちょっと。迷った時の参考に超おすすめです！

yomogi 2015/01/02

cooking

リンク

５分間の二度寝が１日を幸せにする [睡眠] All About

５分間の二度寝が１日を幸せにする目覚まし時計が１個じゃ足りない！何度アラームが鳴っても起きられない人に、耳寄りな話です。実は、二度寝にも良いことがいっぱい。積極的に二度寝を楽しんで、幸せな１日を始めませんか？「質が悪い睡眠が続くだけで、逆に体が疲れるから止めたほうが良い」と、言われる二度寝。でも実際には、気持ち良くって、幸せな気分になれることも。今回は、二度寝の不思議な効用を探ってみます。だから二度寝は気持ちいい！二度寝で幸福感が得られるメカニズムは、まだ、科学的に解明されたわけではありません。これまで知られている事柄から、その仕組みを考えてみました。 ■ 睡眠不足の解消５分でも10分でも二度寝をすれば、それだけ睡眠不足の量が減ることになります。たったそれだけで、と思うかもしれませんが、昼休みに短時間の仮眠を取ると、目覚めたときスッキリして、午後からの仕事をがんばろうと思え

yomogi 2013/10/25

sleep
tips

リンク

2/5 東京駅、魅惑の朝食スポット5選 [東京の観光・旅行] All About 行列ができるつけめん屋で朝限定の味を食す東京ラーメンストリート『六厘舎TOKYO』

東京駅、魅惑の朝食スポットおすすめ6選夜行バスで東京駅に到着した早朝、観光に行こうにもオープンまでまだ時間があったり、出張で早めに東京駅についてしまい困った……なんていう経験ありませんか。そこで！東京駅の構内や周辺でおすすめの朝食スポットを、厳選して6つご紹介しましょう。おしゃれなカフェや、豪華なホテルのブッフェ、和食、つけめん、パンケーキなどなど。もちろん東京在住の方も「ゆったりモーニング」や「朝活スポット」としてご利用下さい。

yomogi 2013/02/26

gourmet
list

リンク

とろけるように柔らかい！　純和風豚の角煮 - ［和食づくりのコツ・レシピ］All About

和食づくりのコツ・レシピガイド：中嶋貞治伝統を受け継ぎつつ、新たな和食にも挑戦し、メディアなどでも幅広く活動中。提供：ヤマサ醤油取材依頼問合せ豚の角煮は箸で軽く裂けるぐらい柔らかく煮ること、そして肉の中心まで味をしみこませることが大切。手抜きをせずに下処理を行い、じっくり煮込んで味を含ませてください。だし汁は市販の昆布だし入り３倍濃縮つゆを水で割って使います。これはうまみ成分が豊富な昆布の風味を豚肉につけるため。ヤマサの昆布つゆなど、昆布のうまみを十分に含んだものを使うといいですよ。これからは暑さで疲れが出やすい時期。疲労回復に効く豚肉で、ぜひスタミナをつけてください！ここがポイント！一晩おいて味をしみこませようできれば一晩おいてから食べてください。一晩おくことで肉に味がよーくなじみ、できたてよりもおいしくなりますから。一晩置く時間がないときは、

yomogi 2010/02/23

via ぷくさん：ゆで卵ぶっこめば味玉。汁は大根煮るのに使えるとか。どうでもいいけどサイトの写真のクオリティが高い。

cooking
todo

リンク

“本質”を突き詰めたブルックリンの手帳 - ［プロダクトデザイン］All About

「ユーザーにとって本当に欲しい要素」を詰め込む「モノの本質を見極めたうえで、自分に合ったものを選んでほしい」という願いを込め、2006年にスタートしたブルックリンの手帳。本当に欲しい機能をもつものがないことに気づき、ユーザーの立場から徹底的に突き詰めたプロダクツです。細部にわたりとことんこだわったその魅力を、余すところなくご紹介します。

yomogi 2009/10/16

ブルックリンの手帳

product
memo

リンク

日比谷茶廊（ヒビヤサロー）…日比谷 [カフェ] All About

日比谷茶廊（ヒビヤサロー）…日比谷新緑とばらの花を満喫できる日比谷公園内の憩いのテラス。1949年創業のこのお店は、日本のオープンカフェ第1号かもしれません。祖父が創業したという現・3代目オーナーにお話をうかがいました。天国のオープンテラスで、都心の喧噪を忘れる帝国ホテルの向こうに道路を隔ててひろがる日比谷公園。1903年（明治36年）に日本初の洋風の都市公園として建設されたこの場所は、豊かな緑と薔薇の花を中心とした四季おりおりの花壇が銀座界隈の貴重なオアシスとして広く愛されてきました。公園内には日比谷公会堂や大音楽堂など、コンサートやイベントでお世話になる施設が並びます。三角形の古びた建物は日比谷図書館。閲覧室も地階の軽食堂もなかなか趣があり、個人的にもたいへん好きな場所です。憩いの空気に満ちた公園内には、いくかのレストラン、カフェが点在しています。公園内の見取り図がこちらにあり

yomogi 2008/07/20

リンク

Mac をはじめよう! -8-「誰でも自動処理」 - ［Mac OSの使い方］All About

Automatorの使い方「Automator」は、Macならではのスーパーユーティリティ。誰にでも簡単に使えて、まるでおもちゃのブロックを組み立てるかのごとく、誰でも簡単にコンピュータの操作が自動化できます。 MacがWindowsより優れている部分って？　そりゃ、やっぱりOSの機能やデザイン、操作性とか、オリジナリティなどでしょう。その中でも「Automator」は、Macならではのスーパーユーティリティ。Mac OS X アプリケーションの機能の一部を組み合わせて、一連の定型作業を自動的に実行できるワークフロー、またはアプリケーションが作成できます。誰にでも簡単に使えて、まるでおもちゃのブロックを組み立てるかのごとく、誰でも簡単にコンピュータの操作を自動化できます。でも、せっかくの機能も活用できなければ意味がありません。ここでは、Automatorを使って、作業を効率化する事例を

yomogi 2008/06/02

リンク

Macの隠し機能を有効にする [Mac OSの使い方] All About

Macの隠し機能を有効にするある程度Macに慣れてくると、もっと複雑で細かな設定変更がしたくなる場合があるが、そういった場合に有効な Mac OS X の隠し設定や機能を有効にする方法を紹介する。一般的に、Mac OSは初心者にやさしいOSと言われています。その理由はさまざまですが、設定項目などが必要最低限にまとめられ、それらを操作する方法および手順が少ないというのも要因の１つです。例えば、ソフトウェアのインストール手順やネットワークの設定方法のヘルプやマニュアルをWindowsのそれと見比べてみるとよくわかるでしょう。あきらかにMac OS Xのほうが手順が少なく、ミスした場合のやり直しも簡単です。しかし、ある程度Mac OS Xに慣れてくると、もっと複雑で細かな設定変更がしたくなる場合も出てきます。ここでは、そういった場合に有効な Mac OS X の隠し設定や機能を有効にする

yomogi 2008/06/02

不可視ファイルを見えるように変更／ウインドウタイトルにフルパスを表示／ネットワーク上に.DS_Storeを作らない

リンク

DADA CAFE（ダダカフェ）…代々木 [カフェ] All About

DADA CAFE（ダダカフェ）…代々木代々木駅のすぐ裏の路地に、昭和15年に建てられた一軒家を改装したカフェが登場。気持ちの良いえんがわや庭を持つ「少し昔の、ふつうの家」の魅力に包まれて、のんびりランチをいただきました。新旧の交錯する代々木駅前に JR代々木駅前にそびえるNTTドコモタワーは、きわめて21世紀的な景観。しかし、そのすぐ向かいの路地には古い木造家屋が並び、まだ昭和の匂いが色濃くたちこめています。世紀をまたがった2種類の建造物が脈絡もなく並んでいる光景が、いかにも東京らしい面白さ。 DADA CAFEはそんな路地裏の2階建て一軒家を改装して、2005年11月にオープンしました。家屋が建てられたのは昭和15年。当初は呉服屋だったものが、住民が入れ替わっていくにつれ普通の住居となり、リフォーム時にビニールのクロスが壁に張られたり、庭にプレハブ小屋が建てられたりして、風情や美意識

yomogi 2007/07/28

gourmet
ToDo

リンク

八彩懐石長峰で野菜とお茶を堪能する [中国茶] All About

yomogi 2007/06/17

gourmet
done

リンク

「大人の早起き」が最近のトレンド! - ［ストレス］All About

「早起きなんて子どものための習慣だ」と思うかもしれまんが、いまや「大人こそ早起きを！」という考えが注目されています。「早起き」はストレス対策としても、理にかなっています。なぜなら早寝早起きをすることで睡眠の質が向上し、朝のだるさや心身の疲れを予防することができるからです。たとえば、夜更かししてパソコンに向かったり、読書やTV鑑賞などに夢中になっていると、就寝後にも興奮が続いて深い眠りが得られなくなります。こうした習慣が続くと、朝になっても調子が上がらずに心身が疲れやすくなり、ちょっとしたストレスにも心が凹みやすくなってしまうのです。したがって、夜には脳を興奮させずに早めに眠りにつき、その分早起きして心身を活動モードにチェンジさせるのは、日中のストレスに対処するためにもオススメな方法なのです。就寝のポイントは“子どもの寝る時間” しかし、就寝時間を1時間早めるくらいでは早起きはなかな

yomogi 2006/11/11

リンク

仕事術：Yesをもらう企画提案・実践テク - ［フリーランス］All About

“デキる！と言わせる”“NOと言わせない”というキャッチがついた「企画書づくりのノウハウ本」は、書店に山と積まれています。今回は、そこではなかなか語られない、企画を通すための実践テクニックをお話します。デキる人程、陥りやすい落とし穴仮に、会社の上司、あるいは取引先の担当者から、「ウチの会社のwebサイト、リニューアルしたいと考えているのだけれど、是非、いい提案をして欲しい。」という依頼を受けたとします。 “私の実力を評価してもらえるチャンス到来！”と喜んで、すぐさま企画に取り掛かり、スピードが命とばかりに休日も返上して、一週間後、企画書アップ！パワーポイントでビジュアルプレゼンの準備もOK！自信作の企画を、さあプレゼンしたら…。返ってきた言葉が、“提案書は確かに良く出来ているとは思うが、しかしウチの会社には…” どうして提案内容は良くても、ダメなのか、採用してもらえないのか、自信作で

yomogi 2006/08/08