あとで読むに関するmei_koutsukiのブックマーク (20)

  • あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋

    このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。(チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。) WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!

    mei_koutsuki
    mei_koutsuki 2011/11/21
    web系チートシートまとめ
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • データベースの内部動作を知る

    SQLのプログラミングは奥が深い。特にパフォーマンスの観点から、そう言えるだろう。 みなさんご承知の通り、同じ結果を出すプログラムでも、SQLの書き方次第で処理時間に何倍もの差が生じ得る。効率の悪いSQLを書いてしまう原因は、多くの場合、リレーショナルデータベースの内部動作やアプリケーションに関する理解不足である。両者をよく知った上で最適なSQLを書けるようになることは、システムエンジニアとしての重要なスキルの一つである。 特集『基礎から理解するデータベースのしくみ』では、リレーショナルデータベースの内部動作について、基的な部分を分かりやすく解説している。SQLプログラミングに役立つことはもちろん、SQLチューニングやデータベース設計のための基礎知識としても不可欠だ。 イントロダクション ブラックボックスのままでいいの? Part 1:SQL文はどのように実行されるのか SQL実行までの

    データベースの内部動作を知る
    mei_koutsuki
    mei_koutsuki 2011/07/02
    ねむすぐるのであとでよむ
  • 『地ビール屋広報が活用25サイト全てご紹介【プレスリリース無料投稿サイト】ここまで押さえれば完璧!』

    地ビール屋広報が活用25サイト全てご紹介【プレスリリース無料投稿サイト】ここまで押さえれば完璧! | 主にビール以外のこと。 先日記事にアップした地ビール屋広報お薦め!【プレスリリース無料投稿サイト】で押さえるべき5サイトの反響が予想以上に大きく驚いています。 ネタフルでも紹介して頂きました。ありがとうございます。 “新しいことを始めた/始めることを、誰かの知ってもらうにはプレスリリース配信は欠かせません。有料で代行してくれたり、コンサルティングしてくれる会社もありますが、ネット時代の良いところは無料でプレスリリースを投稿できるサイトがあることです。利用しない手はない!” 前回ご紹介したのは、時間が無くても絶対押さえておくべきサイト。 今回ご紹介するのは、時間があれば投稿しておきたいサイト。 これで私の使っているプレス無料投稿サイトは全てです。 「量より質」という考えにはもちろん賛成です。

    『地ビール屋広報が活用25サイト全てご紹介【プレスリリース無料投稿サイト】ここまで押さえれば完璧!』
    mei_koutsuki
    mei_koutsuki 2011/05/26
    地ビール屋じゃなくても参考になりそうなまとめ。のちほど。
  • Perl中級者への道 (近藤 嘉雪, at PerlCasual #4)

    PerlCasual #4 (2011/4/28, 池袋ジュンク堂)で行ったトークのスライドです。 動画をYouTubeで公開しているので、あわせてご覧ください。http://youtu.be/kLt2aYN7UYE, http://youtu.be/xVC9pqCe8cE Read less

    Perl中級者への道 (近藤 嘉雪, at PerlCasual #4)
    mei_koutsuki
    mei_koutsuki 2011/05/23
    のちほど
  • jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
    mei_koutsuki
    mei_koutsuki 2011/05/23
    時間があるときに見てみる
  • Googleからのアドバイス「高品質なサイト」とは? チェックリストを公開 ::SEM R (#SEMR)

    Googleからのアドバイス「高品質なサイト」とは? チェックリストを公開 検索アルゴリズム的に「高品質なサイト」って何だろう?Googleが、高品質サイトを判断するための参考になる「質問集」を公開。 公開日時:2011年05月07日 09:03 米Googleは2011年5月6日、役に立たない低品質サイトの排除と同時に優れたコンテンツが検索上位に表示されるようにするためのアルゴリズム変更(パンダ・アップデート(Panda Update))に関連して、同社が考える「高品質サイト」について言及している。 検索マーケティング業界で話題になっているパンダ・アップデートとは、いわばアルゴリズムで自動的にサイト品質(site quality)を判断しようとするGoogleの取り組みだ。低品質サイトの検索順位を低下させることにより、検索利用者が優れたコンテンツを探し出せるようにする狙いがある。 「アル

    Googleからのアドバイス「高品質なサイト」とは? チェックリストを公開 ::SEM R (#SEMR)
    mei_koutsuki
    mei_koutsuki 2011/05/09
    ほうほう。のちほどじっくり。
  • PHPをDisってるブログエントリを集めてみた - kなんとかの日記

    スクリプト言語の範疇に入らないかもしれない言語を使っているPHPerのみなさん、こんにちは。 PHP歴史は、Disられ罵られバカにされ続けた歴史です。 日は、その歴史を紐解いてみたいと思います(一部、PHP擁護派のエントリも含んでいます)。 なおここで紹介していない記事で、ほかに紹介してほしいものがあれば、教えてください。 あと引用は一部のみなので、元記事の全文を読むことを強くお勧めします。 2006年 PHPプログラマ in YAPC::Asia 2006 Tokyo - 0330 (twk @ ふらっと) では、PHPの世界に帰ります。Perlの人はRubyをうらやみHaskellにおどろきPHPを軽蔑すると言う文化になっているようです。 このころには、すでにPHPは軽蔑される存在だったようです。 昔、2ちゃんとかでよくあった、Perl = C++ , PHP = VBってな感じ?

    PHPをDisってるブログエントリを集めてみた - kなんとかの日記
    mei_koutsuki
    mei_koutsuki 2011/04/20
    のちほど
  • ノンプログラマーのためのjQuery入門

    kanazawa.js v1.0 〜JavaScriptコトハジメ〜(2011年2月5日開催)で使用したスライドです。Read less

    ノンプログラマーのためのjQuery入門
  • 音感、作曲・音楽云々ミスターベアクラッシュ

    知らなくても音楽は楽しめるし作曲もできるけど、知ってて損はしないのが「音楽理論」。初心者でも理解できる音楽の基礎からそれなりに高度な内容まで幅広く掲載。音楽の基礎知識、コード進行、ベースライン、ヴォイシング、即興演奏、スケール文献など「音楽理論」の基はこのサイトでわかる。また共感覚を利用した色彩音楽のコンテンツを配信中 初心者が音楽理論を猛勉強することほどキツイことはない。書いている内容は全然理解できないし、音楽自体が楽しくないことに…。とにかく楽器を触って音を聞いて楽しむのが大事。小難しい音楽理論をおいて置いて簡単なコード進行を利用して音楽理論へ入る準備をしよう。C-F-G-Cといった基のコード進行を奏でることで音楽の楽しさを感じれるはず 複数の感覚を利用して体感するのが共感覚。音楽も音以外の感覚を利用して表現すると楽しさ・面白さが増します。音楽を色で表現したり感じたりすると、音楽

    mei_koutsuki
    mei_koutsuki 2011/04/19
    色彩音楽と音感テストが気になる。
  • Data URIによるHTTPリクエストの削減とYSlowスコア | ゆっくりと…

    以前「WordPressテーマ iNove のYSlow的サイト最適化」で CSS Sprites によるHTTPリクエストの削減に取り組みました。しかしながら、繰り返し画像などはSprites化が出来ないため、どうしても幾つかの画像が残ってしまいます。 そこで、さらなるサイトの最適化を目指し、人気のデザイン系Webサイト CSS-Tricks で紹介されている「Data URIs」という技術を取り入れてみました。 1.Data URI って何? Data URI とは、「ドキュメントに直接埋め込まれたデータにアクセスするためのスキーム」のことで、RFC2397 には次の様な書式が定義されています。埋め込むデータは base64 もしくは7ビットASCIIエンコードでテキスト文字列にエンコードします。 data:[<mime type>][;charset=<charset>][;base

    mei_koutsuki
    mei_koutsuki 2011/03/31
    サイトの軽量化か。ふむ。
  • パスワード認証

    ラジック 気軽に楽しめるブログメディア「ラジック」は2ちゃんねるを中心にエンタメ情報をお届け!

    パスワード認証
    mei_koutsuki
    mei_koutsuki 2011/03/31
    ネットで調べられるけど、やっぱり辞書的な本は手元に欲しい。
  • Firefox 4をインストールしたらまず行う設定 : audiofan.net blog

    ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして

    Firefox 4をインストールしたらまず行う設定 : audiofan.net blog
    mei_koutsuki
    mei_koutsuki 2011/03/28
    最近自宅ではsafariに浮気してるんだよな…時間見つけてインスコしなきゃな。
  • 被災地からのお手紙 :: JKTS - 被災地へ医療スタッフとして行ってきました。短い間でしたが貴重な体験となりました。

    明けましておめでとうございます。 コメント当に当にありがとうございます。 昨年11月末に盛岡に旅行に行ってきました。 盛岡城跡の高台から市内を一望して 遠くの山の向こうの被災地を思ったり わんこそばにチャレンジしたり 伝統工芸品を見たり 陸前高田出身のかたの経営する居酒屋に行ったりとっても有意義な2日間でした。 お仕事以外で岩手に行ったのは 震災以降初めてでしたが道路が隆起していたり 屋根が壊れている家屋を見つけると ついじっくり見てしまうクセがついてしまいました。 募金箱にお金を入れたり、お土産ものをたくさん買ったり 今の自分に出来る支援をしてきましたが、東北のお事はおいしかったし、景色はきれいだし空気も澄んでいて 会う人会う人が優しかったりで やっぱり大好きな場所だなぁと思いました。 陸前高田には1月に入ってから 先日ですが日帰りで仮設住宅とボランティア団体の方対象の健康診断のお

    被災地からのお手紙 :: JKTS - 被災地へ医療スタッフとして行ってきました。短い間でしたが貴重な体験となりました。
    mei_koutsuki
    mei_koutsuki 2011/03/28
    のちほど。
  • 解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT

    jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること

    mei_koutsuki
    mei_koutsuki 2011/03/25
    jsでグラフを描くものらしい。ふむ
  • こんなWebデザイナーは成長しない

    2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか?効率化をはかるため、よりよいデザインをするためにしていることはありますか?今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか?という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう! ↑私が10年以上利用している会計ソフト! 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し

    こんなWebデザイナーは成長しない
    mei_koutsuki
    mei_koutsuki 2011/03/23
    のちほど。見出しを見る限り良記事。
  • ごりゅご.com

    ごりゅご.com

    ごりゅご.com
  • ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた) - kojika17

    ' CSSリセットを改変している時に、「CSSリセットは当に必要か?」ということを疑問に思うようになってきました。 ブラウザのデフォルトであるユーザーエージェントスタイルシートをCSSリセットでnormalにして、さらにboldに戻すということをしています。 これだと単に、記述量と処理を増やしているだけに過ぎません。 「デフォルトCSSを理解すれば、CSSリセットはいらないのではないか?」という考えの元、デフォルトのCSSを調べてみました。 ユーザーエージェントスタイルシートの調査 ブラウザのアプリケーションファイルに潜ってCSSを探したところ、Fire FoxのCSSのみ探し出せました。 それ以外はアプリケーションの中にCSSが含まれている場合などにより、デフォルトCSS探せませんでした。 ただしIEに関しては、まとめたれたサイトがあったので、これを参考にします。 Internet E

    ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた) - kojika17
    mei_koutsuki
    mei_koutsuki 2011/03/09
    以前やろうと思って挫折したことをやってくれている!ありがたい。
  • 寝不足だけが原因じゃない?目の下の「クマ」を解消する方法 - はてなニュース

    いかにも“疲れている”印象を与えてしまう目の下の「クマ」。特に女性にとっては、出かける前に何とかカバーしたい悩みの種ではないでしょうか?意外と知らないクマができる原因や、原因別の解消法をまとめました。 ■ 目の下にクマができる理由は? 「クマ=睡眠不足のせい」というイメージがありますが、実はクマができる原因は他にもあるようです。 ▽ 目の疲れ-目のクマ解消法 [ドライアイ] All About ▽ 目の下のくま 3つの種類とその対策 | サッポー美肌塾 ▽ 目の下のクマを取る方法 原因と解消方法|目の美容チェック ▽ パソコン利用時の疲れ目は目元のクマを悪化させる - GIGAZINE これらのエントリーによれば、目の下にクマができる主な原因は次の2つ。 紫外線や乾燥、こすりすぎなどのダメージによる「色素沈着」 目のまわりの「血行不良」 クマが黒い色をしているのは、メラニンによる色素沈着や

    寝不足だけが原因じゃない?目の下の「クマ」を解消する方法 - はてなニュース
  • 1