"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良｜note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO
コンピュータに詳しくない人へ。インターネット史上最悪のOpenSSLの脆弱性のニュースをわかりやすく書いてみました。ほとんどすべての人に影響します。 - 非天マザー by B-CHAN
インターネットで使われる鍵（カギ） みなさん、こんにちは！ こんなニュースが発表され、世界に衝撃を与えています。 ↓ Gmail、YouTubeにも影響。壊滅的なOpenSSLの脆弱性、「Heartbleed」問題とは « WIRED.jp コンピュータ関係者は大騒ぎですが、ボクたち一般人はどうすればいいのでしょうか？ コンピュータに詳しくない人に、なるべくわかりやすく書いてみます。 まず、インターネットのいろんなサービスを利用するにはIDとパスワードが必要ですよね。 例えば、Amazonや楽天市場で買物をするには、Amazonや楽天市場のIDとパスワードを入力する必要があります。 どちらかが欠けても買い物はできません。 あなた以外の第三者があなたのIDを知ったとしてもパスワードがわからなければ、あなたの名前で勝手に買い物をすることはできないわけです。 これによって安全が守られているわけで
報ステの女子アナの、XPを無料でアプデして発言について
先日、報ステでのwindowsXPサポート終了についての報道で、 女子アナが、無料でアップデートしてくれればいいのにと言って批判？されたらしい。 でも、ちょっと待ってほしい。 おそらくそのアナウンサーは20代だろう。 今の20代以下の世代は、物心ついた時からケータイ・スマホがあり、 自分用PCを持つより早くそれらでネットにつながってきた世代にとっては、 ”OSにお金を払う”という感覚自体がないんじゃないかなあと。 何処で見たデータか忘れてしまったけど、 PCはノート型が基本、大学のレポート作りやらに使うのがメインくらいで、 他はスマホで十分な世代は、iphone人気もあり、 OSは無料でアップデートされるもの、 PCのOSは、ノートPC自体を買い替えた時についでに変わってた位の認識なんだろう。 デスクトップPCメイン派のように、OSのみを買って入れ替えるなんてのはもう少数派なんだな。 その
CSS3 「rem」って何だ。
CSS3を勉強する際に大切なことは２つあります。ひとつ目は、”知っているプロパティをいかに上手に使うかということ”、二つ目は、”知らないプロパティをもっと勉強すること”だと言えます。 今回は、後者のあまり知られていないであろう「rem」を紹介いたします。とは言っても「rem」は プロパティではなく単位になります。単位表示でおなじみの「em：エム」に似ていますが「em」の様に親要素の値に影響を受ける事はありません。 フォントサイズの指定を考えてみましょう。 「px」を利用するとフォントサイズを固定することができて制作する際には便利だったりしますが、最近ではスマートフォンなどのモバイルサイト向けに「Responsive Web Design」というデザイン手法で「em」のような相対単位を「Responsive Type Setting」として利用します。 ただし、IE では「em」を利用すると
Google会長が卒業スピーチで語った、「人とつながること」の本当の意味
Google会長が卒業スピーチで語った、「人とつながること」の本当の意味 ボストン大学 卒業式 2012 エリック・シュミット グーグル社のエリック・シュミット会長が母校ボストン大学で行った卒業スピーチです。「オンラインで繋がっていられるのは、嘆くべきことではなく、感謝すべきこと」「君たちは、世界のボーダーを変えるチャンスがある時代に生きている」とITの可能性と力を語った上で、直接のヒューマニスティック・コミュニケーションの大切さを説いています。激しく移り変わる時代を前向きにたくましく生き抜くヒントに満ちた、力強いスピーチです。 君たちは最もチャンスに恵まれた時代を生きている エリック・シュミット：ありがとう。このような晴れの舞台にお招きいただき、次世代のBU（ボストン大学）卒業生の皆さんにスピーチをさせていただけることは、大変光栄なことです。 まず、ある言葉を紹介します。 「私は人生の崇
小保方さんの会見に思うこと - むしブロ
2014年4月9日、小保方晴子さんと代理人の弁護士が記者会見を開き、理研調査委員会の最終調査結果への不服申し立て内容について説明しました。 小保方氏一問一答: 毎日新聞 会見で小保方さんはNatureに掲載されたSTAP細胞研究論文に不適切な点があったことを認めて謝罪しました。しかし、理研調査委員会による調査は不十分であり、データ画像の改ざんと捏造の認定については容認しない旨が述べられました。その他にも、STAP細胞を200回ほど作製してきたことや、第三者がSTAP細胞作製の追試に成功したことが報告されました。 ただ、作製した細胞の多能性マーカー遺伝子Oct4の発現を確認しただけなのか、それとも細胞の分化能まで確認したのかなど、STAP細胞をどのレベルで確認したかについては言及されませんでした。また、追試に成功した人物についても明らかにされませんでした。 ここでは、STAP細胞の存在自体の
CSS書くだけでTumblrテーマが作れる「Tumblr Boilerplate」作った - MEMOGRAPHIX
Tumblrテーマ、いちから作ろうとすると大変なので、あらかじめ基本的なHTMLが組まれてあるBoilerplate的なのを作った。 http://sanographix.github.io/tumblr-boilerplate/ これを使うと、CSSを書くだけでTumblrテーマ作れるので、block:Post みたいなテンプレートタグとか覚える必要なくて爆速でテーマ作れる。ZENやApolloをベースにしているので、全投稿タイプに対応している。MITライセンスなのでHTML変えたかったら変えても良いです。 テーマ作りたい人とか、CSSくらいは自分で書きたい人はご利用ください。 Tumblr Boilerplate - A naked boilerplate for tumblr theme development
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
非エンジニアの起業家が最初のエンジニアを採用出来ない理由 | rake enjoy
co-edoブログ朝会から、すっかり技術ネタを書かなくなった自称技術ブログです。 前回のエントリーで「将来サービスをやりたいフリーランスの方はスタートアップで働こう」というのを書きましたが、とあるエンジニアの方から「スタートアップと趣味の境目が分からない」というお話をいただき、個人的には非常に興味深い話だなーと思いました。 で、「スタートアップと趣味の境目」について考えていたんですが、答えとしては 「正直分からない」 ですｗ すいませんｗなんとなくですが、新規性のあるビジネスで、グロースしているのであれば、スタートアップって言っちゃってもいいのかなと。中には趣味が講じてみたいな人もいるんじゃないかなと。 ただ、このお話で一つ気づいた点がありました。 私は個人的に、非エンジニアの起業家の方からエンジニアの採用についてご相談を受けることが多いんですが、話を聞いてみるとプロダクト自体が出来ておら
エンジニア「で、あなたは何が出来るの？」
そこにあるのは不平等感非エンジニアの起業家が最初のエンジニアを採用出来ない理由 | rake:enjoy 非エンジニアの起業家が悩んでる間に、エンジニアは趣味で作っちゃうんですよ。で、これを採用で考えた場合、趣味レベルで作れるものが出来ていないアイデアだけの状態で誘われたとして一緒にやりたいって思うでしょうか？？ エンジニアの立場として考えると、ジョインしたいと思えるスタートアップは、エンジニアがいなかったとしても最低限形になっていて、更に言うとユーザが付き始めて使い始めている状態じゃないと 「で、あなたは何が出来るの？」 と思わざるを得ないかなと。 よくぞ言ってくれた、というところ。 この手のことってなかなか言いにくいので、これに便乗する形でしか僕こういうこと言いませんけど、たとえば僕はおよそ30年の人生の中で自分のエンジニアスキルに投資した時間は少なく見積もっても10000時間は超えて
オブジェクト指向 v.s. 関数型プログラミング
近年、関数型プログラミングの重要性はいろんなところで叫ばれています。 Javaの最新バージョンに関数型プログラミングに関する新機能が加わりました。 Rubyも昨今、関数型プログラミングへのサポートが手厚くなってきています。 プログラミングの教科書の大手、オライリー社から、Javascriptで関数型プログラミングを行うための解説書が発行されました。 関数型プログラミングへの注目度は高まってきています。 おそらく、みなさんは既にオブジェクト指向が何か、を知っています。 でも関数型プログラミングとは何か、胸を張って語れる人は、周りに見当たらないかと思います。 実際、オブジェクト指向によってプログラミングする方法は、わかりやすい解説があちこちにある一方で、 関数型プログラミングとは何か、何が良いのか、ということについての、よいまとめは見つけることはできませんでした。 この記事を読む方の中で、「関
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「個人を特定する情報が個人情報である」と信じているすべての方へ―第1回プライバシーフリーク・カフェ（前編）
ファッションEC 売上ランキング(2012年) - YAMAYOKO.com
背景デザイン_無料テクスチャ素材50枚まとめPhotoshopVIP |