【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
Perl入門ゼミ
Perlプログラミングを学びたい人向けのPerl入門講座です。 Perlはテキスト処理に最適化されたプログラミング言語です。Linuxシステム管理、Web開発という分野でも大活躍。後方互換性、ライブラリの安定性、数多くのOSサポートに定評があります。 Perl入門 PerlのインストールPerlのインストール方法を解説。Windows、macOS、Unix/Linux対応。 基礎文法最速マスターPerlプログラムの基本のすべて 文字列処理Perlは文字列処理が得意。文字列の連結や文字列関数などを解説 if文による条件分岐if、elsif、elseの条件分岐の構文をマスターすれば、条件で処理を変えるPerlプログラムが書ける。 for文、while文による繰り返しfor文、while文と繰り返し構文を覚えれば、Perlで繰り返し実行する処理が書けるようになります。 正規表現正規表現を覚えると
はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。 いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。 以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。 アイコンicon-arrow :: 矢印 icon-tag :: タグ icon-folder :: フォルダ icon-keyword :: キーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンロード out :: アウト フォントhatena-asin-detail-title :: 太字 synStatement
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開
はてなブックマーク - アンサイクロペディア
はてなブックマークとは、無名の個人やサービスを有名にするためのツールとしてはてなが開発したサービスである。略称は「はてブ」。 概要[編集] はてなのアカウントを有するユーザーがWebブラウザでブックマーク機能を起動するか、ブログやニュース記事などに添付されたブックマークボタンを押すことで記事のURLがブックマークとして保存される。保存件数が一定件数を超えると「新着エントリ」や「人気エントリ(ホッテントリ)」としてはてブのトップページで自動的に紹介される仕組みとなっており、ブックマークされた記事のアクセス急増と更なるブックマーク件数の追加という好循環が期待できる。 つまり、どんな無名の人が書いたクソ記事であっても、はてブが大量に集まればホッテントリとなるのである。 ホッテントリの作り方[編集] ここでは、そのホッテントリの作り方の一例を紹介する。絶対に真似するなよ！するなよ！ STEP1:は
はてなダイアリーはflickr的にはspamサイトらしい - ARTIFACT@はてブロ
そういえばflickrの自己紹介をきちんと入れてなかったと思って、サイトの情報を入れた。サイトの情報を入れる場所は一つだけだったので、そこには自ドメインを入れて、それ以外は紹介文に入れようと、はてなダイアリーと写真のtumblrをリンクしたら、 Hey! A URL or phrase that you tried to post has been used for abuse on Flickr before. (ex. SPAM) If that's you, stop it! If that's not you, sorry, but you can't post it. という警告表示が出て、はてなダイアリーへのリンクは消えてしまった。 URL入力欄でも同じように警告されてはねられる。
はてなブックマークボタン外しました - 発声練習
はてなやばい。 はてなブックマークボタンのトラッキング問題で高木浩光先生が決別ツイートをするに至った経緯まとめ はてなダイアリーの「管理」→「設定」→「記事の設定」の「記事共有ボタン」という項目にはてなブックマークボタンのオン・オフの設定項目があるのだけど、ここにははてなブックマークボタンを表示するに書いてある説明はない。しかも、「また、行動情報を取得しない、はてなブックマークボタンをご希望の方はオプトアウト版はてなブックマークボタンをご利用ください。」とあるけど、このはてなダイアリーのはてなブックマークボタンがオプトアウト版なのかそうでないのか記載がない（選択できない）。 はてなダイアリーはソースコード貼り付けやすいし、引用タグが使いやすかったので気に入っていたのだけど、移転を考えないといけない。でも、結構たくさん記事書いたから移転も面倒ではある。 関連 行動ターゲティング広告とプライヴ
はてなサマーインターン2010
はてなサマーインターン2010 開催にあたって 代表取締役社長 近藤淳也 (id:jkondo) 今年もはてなサマーインターンをエンジニア14名・デザイナー2名の参加者を迎え開催しました。 昨年のインターン参加者が名付けた「精神と時の部屋」という言葉が定着してきた感がありますが、最前線の現場でウェブの技術やエンジニアリングを学べる場所として大変好評いただいており、北は北海道から南は神戸まで全国から応募をいただきました。 デザイナーインターンは3年目3回目で 今回の参加者は2名となりましたが、こちらも得意な領域を活かして現場で貴重な体験をしたもらえたと思っています。 インターンシップ最終日に参加者の皆さんに伝えた言葉がひとつあります。 技術は人のためにある。技術のための技術ではなく 人のための技術を磨いてほしい。そうお伝えしました。 インターン参加者の選考も単なる技術力だけではなく 最終的に
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
I wanna be a Hateb Star
http://openblog.meblog.biz/article/13431648.html
https://www.nantoka.com/~kei/diary/?20120312S1
Not Found
16x16
セレクトブクマ