最近どっぷりと『検索エンジン最適化スターターガイド（以下、『SEOスターターガイド』と書きます）』にハマっている新米ブロガーの敷島久之（@Hisayuki__S）です。前回もお話した通り、この『スターターガイド』には、SEO対策の基本が記載されているのですが、この中で僕が今回ブログのネタとして取り上げるのがメタタグ（metaタグ）です。 このメタタグを、しっかりと正しく設定することにより、SEOに強いブログができ、結果的にブログのアクセスアップにもつながるわけです。てなわけで、今回はメタタグの書き方と重複するメタデータ対策をしてみたいと思います。 ※ 前回の記事を読みたい方はこちらをどうぞ↓ wepli-dot2.hatenablog.com メタタグとは！？ メタタグとは、正しくは『descriptionメタタグ』のことです。この『descriptionメタタグ』ですが、ブログ記事の要約

BaaSの制約で実現しにくい要件があったときに、サーバーレスアーキテクチャという選択肢は魅力的に見えてくる。そこで今回は最も柔軟性が高いサーバーレスインフラストラクチャだと思われるAWS Lambdaを取り上げ、BaaSの代わりになりうるか検討する。 AWS LambdaのファンクションはJava 8で書ける。ということはGroovyでも書ける。ドメインクラスをJava/Groovyで書いてLambdaファンクションのなかで利用することができれば、サーバーレスアーキテクチャでも本格的なアプリケーションを開発できそうだ。 今後のアプリケーションインフラストラクチャ選択において、従来型のアプリケーションサーバーと、近年普及してきたBaaSに加え、サーバーレスインフラストラクチャという選択肢も増えるとすれば有意義だ。 非常駐型のデメリット 歴史的にはCGI/PHPのようなイベント駆動型のアプリケ

By Alex France 優秀な新入社員を迎え入れることは企業活動の継続や発展には不可欠で、これは創業間もないスタートアップにとっては死活問題ともいえる大切なことです。しかし、採用前に候補者の優劣を的確に判断することは非常に難しいため、分かりやすい指標である学歴やGPAなどでスクリーニングすることも多いものです。これに対して、新卒の就職活動をマッチングするKoruのクリステン・ハミルトンCEOは、経験なしの新人であっても、以下の7つの要素を調べることで、将来、企業の発展に寄与してくれる優秀な人物かどうかを見極めることが可能だと言います。 Hire a Top Performer Every Time with These Interview Questions - First Round Review http://firstround.com/review/hire-a-top-pe

背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip

こんにちは、デザイナーのぺちこです。 先日、「Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法」という記事を執筆したところ、多くの方に見ていただけて嬉しく思っています！　ありがとうございます。 前回の記事を執筆したあと、「Dreamweaver CC 2015でどこまでできるかな？」という考えがふつと湧きました。 私自身はもともとコーディング大好きっ子なのでパチパチ打つのが好きなのですが、先日初めてビジュアルエディタをさわったので、「一切コードを書かないでどこまでできるのか」というチャレンジをしてみようかなと！ 「手打ちのほうが早いんじゃない？」と思う方も、普段触らないツールがどのくらいの力を秘めているのかを見学する気持ちで読んでいただければと思います！ そして「コーディングはできないんです……」というデザイナーさんは、まず

Webサイトにおいて、来訪者に与える印象を大きく左右する要素といえば、何を思い浮かべますか。画像や色使い、フォントなどとともに、大きく影響する要素として「レイアウト」もあげられると思います。 「レイアウト」、すなわち「コンテンツの配置」は、ユーザエクスペリエンスとユーザビリティに直接関わるのは言うまでもありません。この「レイアウト」の作成に役立つツールの一つとして、「グリッド」があります。そしてこの「グリッド」を利用して作成したレイアウトを「グリッドレイアウト」と呼びます。今回はアイデア次第で様々な可能性を生み出せる「グリッドレイアウト」について考察します。 「グリッドレイアウト」とは グリッドレイアウト（grid layout）は、グリッドシステム（grid system）、グリッドデザイン（grid design）とも呼ばれ、Webページなどを設計する際の手法の一つです。「グリッド（g

floatを使うと思った通りにならず、下に落ちてしまう、幅に収まらないなど、CSS初心者がつまづきやすい問題を解決するポイントを解説したチュートリアルを紹介します。 How Floating Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 floatのルール 1. フロート要素を親要素から見るとどうなるか 2. 左や右にフロートさせる 3. フロート要素が押し下げられてしまう原因 4. フロート要素の配置の順番 5. フロート要素の配置の優先順位 6. フロート要素で親要素を広げない フロートのクリア clearfix floatのルール floatプロパティには、4つの値があります。 .foo { float: left | right | inherit | none } この4つの値はそれぞれ、要素を親要素の中でどの

都内で毎月開催中のウェブエンジニアが中心になって企画した「IoT縛りの勉強会」。主催者の一人であるLIGのエンジニア菅原のびすけさんによるレポートをどうぞ。 IoTという単語がバズワード化して、さまざまなデバイスやネットワークプロトコルの台頭が業界を騒がせています。IoTとはInternet of Thingsの略称で、"あらゆる(ネットワークデバイス以外の)ものがインターネットに接続されてさまざまなデータを扱えるようになる"といったハードウェアとウェブのインターフェイス領域とも呼ばれています。 そんな盛り上がりを背景に、2015年2月から毎月開催しているのがIoT縛りの勉強会「IoTLT」です。 IoTLTは毎月行われているIoTネタに限定したLT（ライトニングトーク）の会で、最近では毎回100名を超える参加者が集まるイベントになっています。ウェブエンジニア、ハードウェアエンジニアだけで

Facebookで投稿や写真などをチェックできます。

Adobeの新しいCreative Cloudが発表になりましたね。 大雑把に発表をまとめると 今までのCreative Suiteという製品ラインを終了、新しくCreative Cloudというブランド名に変更。 Creative Cloudはパッケージでの販売を行わない、Creative Cloudからのダウンロード販売のみ。 ってことで。 まあAdobeがいずれパッケージをやめ、ダウンロード販売のみにしぼるだろうというのは、かなり予想できてた話でさほどの驚きはないですね。（Acrobatなどの一部ソフトはパッケージ販売も継続するようですが） 新しいCreative Cloudの発表会では「時代の変化に合わせてクリエイティブツールもいち早く進化するためにネットワーク上の販売に移行する」的な美しい説明がされていたようですが、そ〜んな理由が表面上のものであることなど、私たちには分かりきって

とりあえずこれだけ覚えればすらすらと…解説が理解できますｗ これからLinux（リヌックス）を始める人に、ぜひ理解しておいて欲しい単語を紹介します。このページでは基礎に絞って、ソフト特有の専門用語は後に回します。 いきなり慣れない単語ばかりで、覚えるのが大変かもしれませんが、初めは大まかに理解しておいてください。 Linuxとは まずは大前提である「Linux（リヌックス）」についてです。LinuxとはUNIXの互換OSです。OSといえばWindowsOSやMacOSが広く知られていますが、Linuxもその一派ということです。 Linux最大の特徴は無償（GPLライセンス）という点です。そのため自宅サーバや、VPSなど安価にサーバ環境を構築するのによく利用されます。 リナックスか、リヌックスか、はたまたリヌークスか、という議論は「リヌックス」に軍配が上がったようです。 （ただLinux産み

（ＣＮＮ） 愛好家なら大抵が腹立たしい思いをさせられたことのある自転車の盗難。チリの若手起業家３人がその問題を解決しようと「盗めない自転車」を開発した。 この自転車「イェルカ」を開発したのはチリの大学で工学を学んだ２２～２４歳の起業家３人。きっかけは、１人が自転車２台を盗まれたことだった。 イェルカは、アルミニウム製のダウンチューブ（自転車中央部の斜めのフレーム）が２つに分かれて横に張り出せる構造になっている。サドル下のシートチューブを外し、街路樹やポール、自転車ラックなどを囲んでダウンチューブに接続すれば、自転車は固定される。 ロックするのにかかる時間は１０秒足らず。盗もうとすればフレームを切断するしかなく、自転車は使い物にならなくなる。

野球で素振り練習をするように、ランニングも体作りから始めるべし。いきなり走らず、まずは走れる体を作れ！　腹筋ができない人は走るの禁止！そんなコーチ青山流の走りの意識改革は、ビジネスにもつながるヒントが満載。青山理論をマスターし、仕事も走りも楽しめる男になろう!! “仕事のできる人ほど 上達も早いのです” 【体幹スイッチ】片手片足背筋 体幹を呼び覚ます「スイッチ」の動きのひとつがコレ。四つん這いになり、肩甲骨を前へ出すイメージで右手を前へ、お尻の筋肉を意識し左足を後ろへ伸ばす。これを左右各10回繰り返す。「この姿勢でふらつく人は体幹を鍛えましょう」 私がトレーニングで必ず教えるのは体を伸ばす「ストレッチ」、体幹を呼び覚ます「スイッチ」、体幹部を使って走る「ストレングス」の3つのS。走る前に筋肉を伸ばし、軽く刺激を与えることで正しいフォームが身につくトレーニングです。仕事でプレゼンをする際、準