SNSシェアボタンをHTMLとJavaScriptでつくる【Twitter/Facebook/LINE/hatena/pocket】
ブログやメディアサイトではほとんどが実装しているSNSシェアボタン。 公式のプラグインを使うと、簡単にシェアボタンを作成することができます。 しかし、デザインがプラットフォームによってバラバラであることや文言の調整が難しい点からスクラッチでつくりたいなーと思い、CSSで自由にカスタマイズ可能なHTML側のコピペ用SNSシェアボタンのコードをまとめてみました。 スクラッチでつくれば、統一したデザインでつくれるので、ぜひ参考にしていただければと思います。 SNS ボタンをスクラッチでつくる際の注意点 ボタンをつくってデザインを編集する際、一旦SNSのプラットフォーム側のブランドガイドラインを確認しましょう。 公式のブランドガイドラインには、アイコンを斜めにしてはいけない・視認性の悪い組み合わせにしない等のルールが書いてあります。 あと、現在開いているページのURLをシェアするにはJavaScr
外部サービス連携やIDコールなど、一部機能を終了します - はてなブックマーク開発ブログ
平素よりはてなブックマークをご利用いただきありがとうございます。 はてなブックマークでは現在、システム全体の抜本的なリニューアルに向けた開発を進めております。迅速なリニューアルを行うため、このたび利用状況を踏まえ、以下の機能を終了いたします。なお、現時点でのリニューアルにかかる機能廃止の予定は今回お知らせするもので全てとなります（今後の実装状況により変更となる可能性はございます）。 対象となる機能 マイホットエントリーメール*1 マイホットエントリーは継続してご利用していただけます お気に入りレポート*2 お気に入りフィードは継続してご利用していただけます 外部サービス連携 Evernote連携 以前に告知しました通り、アプリではWebに先行して終了させていただきました Webからも終了し、Evernoteとの連携自体を終了します Facebook連携 「Facebookからブックマークを
JavaScriptでSNSのカウンターを取得する | バシャログ。
どうもfujiharaです。 連日の雨・雨・雨。人生で今年が一番梅雨を感じれる年かなと。 本日は先日弊社 Latin から紹介がありましたバシャログリニューアルのポイント3 めっちゃ重かったソーシャル周りのスクリプトを非同期かつ、 カウント数のみをJSONで取得する仕様に変更 についての実装方法を説明します。 流れ たいした流れではないのですが、各SNSのAPI用URLに取得したい記事のパラメータを付随し、問い合わせをするとjson形式で値が取得できます。 はてブ数の取得 はてブ数の取得方法です。 // 問い合わせURL は "http://api.b.st-hatena.com/entry.count" // クエリーは url となります。 <script> $.ajax({ url:'http://api.b.st-hatena.com/entry.count' + '?url='
naoyaのはてなダイアリー - MySQL の負荷分散に LVS + keepalived を使う
あとで書く、と言った手前なので書くとします。 DSASの中の人がすごい勢いで LVS の話を書いてくれてます。この辺。LVS を使うと Linux と箱でロードバランサが作れちゃいます。普通に買ったら数百万とかしちゃうやつ。 DSAS の中のひとに感謝しつつ、いい機会なのでやってみよう! と思っていろいろ試して昨日あたりからはてなの中でも LVS + keepalived で動かしはじめてます。いまのところ問題なし。 そのロードバランサをどこに使ってるかですが、普通ロードバランサというとインターネットからの入り口のところに置いてウェブサーバーの負荷分散に使うイメージがあります。が、今回ははてなでは MySQL のスレーブの手前に置くという役割でとりあえず使いはじめました。 +-----------+ +-----------+ | mod_perl | | mod_perl | +----
Web StorageやindexedDBを扱う上でのセキュリティ上の注意点(続編) - 葉っぱ日記
先日書いた「Web StorageやindexedDBを扱う上でのセキュリティ上の注意点」の続き。 sessionStorage を使うと解決するか この用途なら sessionStorage でよい (はてなブックマーク - ssig33 - 2013年3月9日)sessionStorageはウィンドウあるいはタブが開かれてから閉じるまでの間をひとつのセッションとして管理し、そのセッションの期間中だけデータを保持します。ウィンドウやタブを閉じる際にはセッションは終了し、ストレージ上のデータは破棄されます。通常のWebアプリケーションでは、ログイン/ログアウト間というアプリケーション側が想定しているセッションと、sessionStorageのいうところのセッションとは異なる概念であり、ウィンドウを閉じる前に異なるユーザでログイン/ログアウトを繰り返した場合には同種の問題が発生する可能性があ
ウェブアプリケーションのパフォーマンスチューニング
WebAssemblyとBlazor 、WebAssembly System Interfaceでコンテナライズの設計を解説
先日、IPがスパム扱いされる件で、下記でご質問しましたが http://q.hatena.ne.jp/1223281665 サーバー会社（さくらインターネットの専用サーバーを借りておりま…
先日、IPがスパム扱いされる件で、下記でご質問しましたが http://q.hatena.ne.jp/1223281665 サーバー会社（さくらインターネットの専用サーバーを借りておりますため）に言って、一度、解除されたのですが また登録されてしまっております。 もちろん、悪行を働いてはおりません。 いったい何が原意なのでしょうか？ また、下記サイトに登録された場合の 解除法をお教え頂けますでしょうか？ http://www.spamhaus.org/ ※以前、お教えいただいたサイトのやり方をやったら メールが戻ってきてしまったので。。。
あなたのブログのHTMLの文法の綺麗さが点数としてハッキリ現れるウェブサービス「Another HTML-lint gateway」 – 和洋風KAI
ようこそ・・・。マニアックな世界へ・・・。 今から4年前くらいの話。。徹底的にSEOに取り組んだ時期がありました。やれタイトルだ、やれ被リンクだ、やれmetaタグだと研究に研究を重ねた時期がありました。 その時、いくつかの試行錯誤を経て辿り着いたのがHTMLの文書の文法を徹底的にクリーニングするというもの。 その時に使っていたサービスが「Another HTML-lint gateway」です。通称lint先生と呼ばれるものですね。 赤ハンコと共に、あなたのブログのHTMLの文法が綺麗かどうかチェックしてくれます。 ただ、この先生がちょースパルタで、ちょっとのミスさえもドンドン減点していくので、まさに気力と気力の勝負となりました。1日は確実に潰してやりとりしてた気がする・・・。100点取ったときは思わずガッツボーズをとったくらいですよ。。 今振り返ると、HTMLの文法が綺麗になる＝SEOと
ブロガーがSEOとか気にするなら意識しておきたい超大事なこと | 男子ハック
@JUNP_Nです。ペンギンアップデートやパンダアップデートでGoogleからの検索流入が低下したというbloggerは意識しておきたい、超基本的なこと。言われてみると当たり前だけれど、言われてみないと気がつかないことを改めて再確認してみたいと思います。 Googleが考える良質なサイトとは？ 「Google ウェブマスター向け公式ブログ」を読んだことはありますか？ 上記サイトの記事に以下のようなことが書かれています。 良質なサイトを作るためのアドバイス あなたはこの記事に書かれている情報を信頼するか？ この記事は専門家またはトピックについて熟知している人物が書いたものか？ それとも素人によるものか？ サイト内に同一または類似のトピックについて、キーワードがわずかに異なるだけの類似の記事や完全に重複する記事が存在しないか？ あなたはこのサイトにクレジット カード情報を安心して提供できるか？
実機がプアならリモートデスクトップを試せばいいじゃない？ お名前.com デスクトップクラウド for Windowsアプリで開発してみた - はてなニュース
（ここまでのあらすじ）はてなでは、Windows 8のリリースに合わせてWindowsストアアプリ「はてなブックマーク」をいち早くリリースしました。この開発を主導したエンジニアは、社内でこんな声を耳にします――「ブックマークのアプリは便利やけど、検索もできるともっとええなあ」。そう、新機能追加の要望です。継続的な開発を進めなければなりません。しかし手元のPCはリプレイス予定。これに代わるものはないかしら？ そこにGMOインターネットから、クラウド型開発環境「お名前.com デスクトップクラウド for Windowsアプリ」を試用しませんか？ とのありがたい申し出が！ はてなブックマークのWindowsストアアプリ開発セカンドシーズンでは、クラウド開発による検索機能の追加に挑戦します！ （※この記事はGMOインターネット株式会社によるPR記事です） 「お名前.com デスクトップクラウド
[WordPress]ブログのサイドメニューにアフィリエイト付きAmazonランキングを表示させる方法 | NANOKAMO BLOG
photo credit: Chris.Gray via photopin cc どうも@kuroji1987です。 少し前からAmazonの売れ筋ランキングをサイドメニューに表示させています。いらないかなーと思いつつ意外とクリックされるんですよねー。 ということで今回は、表示させるためのコードのご紹介。ほとんど地潜の日記で紹介されていたもののコピペなので、そもそもの仕組みとかを知りたいかたはリンク先をチェックしてみてください！ とりあえず使ってるままを晒します。 header内に書き込むコード これがちょっとぐちゃぐちゃで簡略化できそうなのですが、よくわかんないので放置しています。とりあえず記述しているのは以下。 <!-- Amazonランキング --> <script type="text/javascript" charset="UTF-8" src="http://www.goo
iPad用キーボード、ロジクールのウルトラスリムキーボードカバーTK710がかなりよい感じ
iPad大好き、ひとりぶろぐのmoyashi (@hitoriblog) です。 新発売のiPad用Bluetoothキーボード、ロジクールのTK710を買ってきました。 iOSは、なにげにキーボードのサポートが充実しているので、キーボードがあるとテキスト編集の効率をグンと上げることができます。 ※WindowsキーはCommand、AltはOptionと同等 Command＋Space: 最初の1回でキーボード切り替えインジケータ表示、次の1回からキーボードの切り替え Command＋A: 全選択 Command＋C: コピー Command＋X: カット Command＋Z: 取り消す Command＋Shift＋Z: やり直す Command＋V: ペースト Command＋↑もしくはCtrl＋↑: テキストの先頭にジャンプ（Home） Command＋↓もしくはCtrl＋↓: テキ
はてブをもっと快適に！「みんなのはてブ」を公開しました。
はてなブックマークのトップページって、正直なんか飽きちゃったし、スクロールせずに表示できるのが数エントリーだけで、やたらヘッダがでかかったり、広告がでかかったり、欲しい情報がほんのちょっとしか表示されないし、気のせいかエロいサイトのサムネイルが表示されなかったり、デザインもまじめくさいし、改善したらもっともっと使いやすくシャレオツになるし、アクセスも稼げるんじゃないのって思います。 ホットエントリーに入った週6フリーターさんのはてブ1000users超え記事アンテナ(´・ω・)｜トップページは結構良くて、はてなブックマークのトップページよりも私には使いやすいのだけど、なんかおしい感じでもうちょっとかなーなんて思ったりしてました。 そんな中、最近仕事が忙しくて現実逃避になんか作りたくなって、お手軽でそんなに時間もかかりそうもなかったので、このサイトを作成することにしました。 みんなのはてブ
ちょっと自慢できるかも！？iPhoneのアンテナを５本バーから数値に変える方法 - アップス!!!-iPhoneの小技やiOS系ニュースを配信
ちょっと自慢できるかも！？iPhoneのアンテナを５本バーから数値に変える方法 2012年09月01日 19:00 カテゴリ:iphoneの小技 ツイート photo credit: Masaru Kamikura via photo pin cc こんにちは、ゆう(@YuuQ8)です。 今回はiPhoneの5本バーで表示されているアンテナを数値化する方法をご紹介します。 数字の大きさで電波の強弱がわかるという面白いアンテナに変えることができますよ！ いつもとは違うアンテナにすることで、自分のiPhoneではないような新鮮な気分が味わえたり、友達にも自慢できるかもしれませんｗ それでは方法をご紹介します！ 数字になってちょっとカッコイイぞ！ iPhoneのアンテナを数値化するとこんな感じです。ちょっとカッコイイかも！ｗ それでは方法を解説いたします。 まずは電話アプリを起動。「＊３００１
システム・ソフトウエア開発業者の倒産動向、2012年は過去最悪の水準で推移。帝国データバンク調べ
「システム開発に対する投資が一巡したことや近年の世界的な経済不況などに伴い、2008年以降、特に2012年はこれまでに無く倒産が多発している」 帝国データバンクが5月10日に公開した資料「特別企画: システム・ソフトウエア開発業者の倒産動向調査」によると、今年のシステム・ソフトウエア開発業者の倒産は4月までに88件発生。過去最悪となった2009年を大きく上回る勢いで推移しているとのことです。 資料によると過去の倒産件数（負債1000万円以上の法的整理）は、2009年が206件（1月から4月は67件）、2011年は202件（1月から4月は74件）などで、2012年はこうした倒産件数が多かった年よりも1月から4月の倒産件数で大きく上回っています。 設立から10年未満の倒産が半数近く 帝国データバンクの分析によると、国内のシステム・ソフトウエア開発業者の多くは、1988年から1991年のバブル期
「はてな教科書」をgithub上に公開しました - Hatena Developer Blog
こんにちは、id:shiba_yu36です。 はてなのエンジニア陣によって執筆されたウェブアプリケーション作成の基本を学ぶための「はてな教科書」をgithub上に公開しましたのでお知らせします。 はてな教科書は、はてなサマーインターンでも利用されている、約1週間でウェブアプリケーションの基本を身に付けるためのものです。はてなでは日々のウェブ開発で得られたノウハウをこの教科書を継続的に盛り込みながら、インターンシップやエンジニアの新人教育などに利用しています。今回、はてな教科書をgithub上で公開することで、広くPerlを使ったウェブアプリケーション開発に興味を持ってもらえれば、と思います。 いまのところ公開されている資料は、以下の4つになります。 Perl によるオブジェクト指向プログラミング ORM によるデータベース操作 (DBIx::MoCo を使った開発) MVC によるウェブア
5分でできるPHPセキュリティ対策 - ぼくはまちちゃん！
こんにちはこんにちは！！ Webプログラミングしてますか！ よく「PHPはセキュリティがダメ」とか言われてるよね。 でもそれって、べつにPHPが悪いんじゃなくて、 たぶん、セキュリティとかが、まだよくわからない人が多いだけなんじゃないかな。 がんばって勉強しようと思っても、なんだか難しい理屈が並んでいたりするしね…。 なので今日は、セキュリティ対策について、 「これだけやっとけば、わりと安全になるよ」ってことを、初心者むけに、大雑把に書いてみます！ 理屈がわからなくても、最初はコピペでも、 なにもやらないより、やったほうがきっとマシになる！ 1. XSS対策 動的なものを表示するとき、全部エスケープすればokです！ (NG) あなたの名前は <?= $name ?> ですね！ ↓ (OK) あなたの名前は <?= htmlspecialchars($name, ENT_QUOTES) ?>
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ディレクトリ内のファイル数をカウントする - Qiita
http://punksteady.com/2012/05/18/evernotegear/
