サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

Photo by muraterturk こういった記事って、ネーミング規則や慣習の視点から書かれていることが多いんですけど、この記事では、英文法に視点を置いて、参考になりそうなことをいくつかピックアップしてみたいと思います。 「省略形は使わない」などの規約的なものは、各プロジェクトのルールに従えばいいので、ここでは書きません。あくまで英語という視点から書いているということを、ご理解ください。 Rule 1 : “検索”は名詞 一般的な英語辞書のルールでは「検索」は、動詞ではなく「検索する」が動詞になります。「検索」は、検索することの名称 だと考えられるため、動詞ではなく名詞として扱います。 英語辞書には、日本語の品詞ごとに表記のルールがあります。これが理解できていると、和英辞書などで品詞を意識して検索できるようになります。以下に、一般的な英語辞書の表記ルールをまとめてみました。 ＜各品詞

プログラミングに集中しやすいBGM、というコンセプトで作られた音楽が無料で聴けるサイト「musicForProgramming();」が公開されています。Webサイトには約60分の音楽が詰まった4つのエピソードがすでに公開されており、誰でも聴くことができます。 たまたまHacker Newsで見つけたので、たまにはこんな軽い話題を。 Webサイトにはこんな説明が。 A series of mixes intended for listening while programming to aid concentration and increase productivity (also compatible with other activities). この一連のミックスは、プログラミングの際に聞くことで集中を助けようと意図したものです（ほかの作業に対する互換性もあります）。 公開されてい

As I try to do ever month, I am bringing you the latest in website design inspiration.  There is never a shortage of new and great websites  to get your creative juices flowing. In this collection of beautifully designed websites, you will see some impressive examples of One Page, Responsive, Background and Fullscreen websites. I hope that one of these great websites will inspire you to create you

「サマーウォーズへの感謝とリスペクトの想いを込めて、サマーウォーズクロックを作っちゃいました！勝手に！」ということで、サマーウォーズの劇中にも登場するOZのワールドクロックを参考にしたスクリーンセーバーがかなりいい感じです。WindowsとMacに対応しています。 サマーウォーズクロック ブログパーツ＆スクリーンセーバー http://swclock.loftimg.jp/ 上記サイト株にあるリンクをクリックしてインストーラーをダウンロードします。今回はWindows版。 ダウンロードしたZIPファイルをExplzhなどで解凍し、出てきたインストーラーを実行 「次へ」をクリック 「インストール」をクリック 「完了」をクリック すると自動的にスクリーンセーバーの設定画面が開きます 「設定」ボタンを押しても特に設定項目はなし こんな感じのOZのクロックが画面いっぱいに広がります 実際に部屋で使

最近nodejsで遊んでるのですが、nodejs単体だと面倒な事も多いのでライブラリを色々調べてみました。今回はそのまとめです。 よく見るもの 世間でよく使われてそうで、基本的なものを並べてみます。 node-dev スクリプトが更新されたら、自動的に再起動してくれるライブラリです。 node-inspector chromeとかをnodejsのデバッガとして利用可能にするライブラリです。 express 世間でよく見るフレームワークです。便利。Webやるなら必須な印象です。 socket.io websocketで遊ぶならこれです。。 connect expressも利用しているWebフレームワーク。サーバとか作る機能があるみたいです。 コールバックを何とかする系 nodeはシングルスレッドにもかかわらずマルチスレッドで動作しているかのように見せるため、逐次処理しようとしても想定と違う動

簡単にできる極厚パンケーキのレシピを大公開。 これは極厚で有名なイワタ珈琲店風のパンケーキが簡単にできるレシピ。 まずはこの分厚いふわふわパンケーキを見て欲しい。一枚4cmだからトータル8cmの見事なパンケーキ。これはイワタ珈琲店の極厚パンケーキを我が家で再現したものだ。そのレシピとコツをドドーンと公開してしまおう。 イワタ珈琲店はTVや雑誌などメディアで良く取り上げられる有名店。そのパンケーキの特徴を一言で言うと 厚さ5cmのホットケーキは特別な金輪を使ってじっくりと15分かけて焼き上げるので、表面はカリカリで中はふんわりふっくらとケーキのような食感になっている http://mabumaro.com/jpg/Cafe/iwata/iwata.html というものだ。表面カリカリ中はふんわり！ 昨年鎌倉に訪問したのだが時間が遅かったため売り切れで心残りだったのだがふとcookpadにレシ

継ぎ接ぎに補修された茶色のビル。古い建物がどんどん壊されていく中で、一際異彩を放つ建物が日本橋エリアに残されています。ピザ屋さん、バー、アトリエに住居、と多様な使い方をされているこの古ビルは、個性的な

This domain may be for sale!

コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている