サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
雑学
appakumaturi.hatenablog.com
いつの間にかブックカバーが増えてたので使ってみた感想を書く。 意外と売ってる場所や種類がなかったりして困る。 条件:しおりが付いている事、表紙が隠れる事 目的:本の保護および表紙を隠すこと サイズは文庫〜A5 『美月幸房 』ブックカバー 読書好きのあなたに『美月幸房』ブックカバー 帆布製 文庫サイズ 緑 出版社/メーカー: 美月幸房メディア: オフィス用品購入: 3人 クリック: 6回この商品を含むブログを見る サイズ:文庫判 買物といったらamazonと考えていた頃に1790円で購入(今amazon見たら1990円になってた)。いつものamazon箱にブックカバーだけ入っててシュールだった。 素材は布製。柔らかめでサラサラしてるので肌触りはいいです。耐水性もありそうな雰囲気 中央についてるしおりはよくあるリボンタイプではなさそうで、結構しっかりしてます。 悪い所は無いけがもうちょっと安い
下記の書籍を参考にしてます この記事内の記述には私の理解不足により誤りがある可能性があるので、こちらの本を読むのがとてもおすすめ プログラマのための文字コード技術入門 (WEB+DB PRESS plus) (WEB+DB PRESS plusシリーズ) 作者: 矢野啓介出版社/メーカー: 技術評論社発売日: 2010/02/18メディア: 単行本(ソフトカバー)購入: 33人 クリック: 564回この商品を含むブログ (123件) を見る そもそも文字コードとは 任意の文字を重複無く集めたものを文字集合という その文字集合とビット組み合わせを対応付けたものを文字コードまたは符号化文字集合という 文字コードは収録している文字の種類・数、ビット組み合わせの桁数などの違いがある ASCII、JIS X 0208、Unicodeなどが文字コードにあたり、それぞれの特徴は以下の通り 文字コード名
前の記事と同様チュートリアルで勉強したことメモ。 Glare Nodeを使って光ってる効果をつけることができる。 今回はこの適当な何かの目に効果をくわえる。体と目は別のオブジェクトになっている。 まずIndexを設定したいオブジェクト(ここでは目)を選択してプロパティエディタのObjectData>RelationsでPass Indexを0以外の任意の数値にする(後でノード上で指定する) SceneタブのPassesパネルでObject Indexにチェックする(ノードエディタでRender LayersからIndex IDが出力されるようになる) ここからノードエディタに移動 対象のIndexを抽出 まず光らせたい部分(Index番号をふったオブジェクト部分)のみ抽出する。 Converter>ID Maskを追加。Render LayersのIndexOBをつなげる。Indexの値を
ブログとかでよくある記事に直接プレイヤーみたいなのが埋め込まれてるやつがはてダでも出来るのか気になったので、調べてみたら不通にヘルプにあったのでメモ。 参考:リンクを簡単に記述する(http記法、mailto記法) - はてなダイアリーのヘルプ [http://URL.mp3:sound]単にはてな記法のhttpを使えばよかった。 上のようにhttp記法で「:sound」とつければプレイヤーが表示される。 ただし、これを使うには対象のURLがmp3で終わっている必要があるのでwavとかは無理だし、オンラインストレージの共有URLで末尾が拡張子にならない場合(SugarSyncとか)も使えなそう。
参考:動画のタグ検索の結果がRSSで得られるようになった - TsSoftLab? 以下のURLの★部分を取得したいタグに置き換えてRSSリーダに登録すればいい。 http://www.nicovideo.jp/tag/★?rss=2.0投稿日順にソートするには「sort=f」を追加する。 たとえばタグ「Blender」のついた動画を投稿日順でソートするなら以下のようにする。 http://www.nicovideo.jp/tag/blender?sort=f&rss=2.0
mediawikiのURLはインストール時の設定だと「〜/wiki/index.php?title=ページ名」のようになる。 ?とか=を無くして「〜/wiki/ページ名」などのように単純なURLに書き換えるのが慣例らしい(Wikipedia等)。 せっかくなので自分のwikiもそうする事にした。 設定方法はサーバソフトの種類や専用サーバかどうかなどによって違うみたいなので注意。 私の環境はApache(さくらのレンタルサーバ(スタンダード))です。 参考サイト Manual:Short URL/Apache - MediaWiki mod_rewriteのインストール・設定 - RewriteRuleのサンプル [Fedora, RedHat, CentOS] - Linux 書き換え方法の概要 ApacheでURLの書き換えをするにはmod_rewriteというApacheモジュールが有
MediaWikiはGPLライセンスで配布されてるWikiソフトウェア。 みんなだいすきWikipediaもこれで動いてるっていうか、Wikipediaのために開発されてる。 今回は借りてるさくらのレンタルサーバ(スタンダード)に自分用wikiを作ることにした(唐突)のでやり方をメモしておく。 今回インストールしたのは現時点で最新だった1.20.2 必要用件を確認 MediaWikiを動かすには例によってデータベースとかPHPが動く環境が必要。 さくらのスタンダードなら普通は大丈夫だけど最新のMediaWikiの場合だとPHPのバージョンが追いついてなかったりするので確認しておく(おいついてない場合はさくらのWEBサイトから変更したりする)。 Manual:Installation requirements/ja - MediaWiki Manual:Upgrading/ja - Medi
この間のはてなリニューアルで人気エントリーのラインナップがイマイチ気に入らない感じになったような気がしなくもないので(今後修正されテクノかもしれないけど)、せっかくだからRSSフィードのフィルタリングをする。 すでにその手のはてブRSSフィルタリングサービスがあるのかも知れないけど見つけられないので自作。 Yahoo! PipesはRSSフィードを加工できる(複数のフィードを結合したり、重複を消したり、フィルタかけたり)webサービスらしい。 RSSの加工するにはYahoo!USAのアカウントが必要。 なお今回作成したフィードは誰でも使えるので、自分用感バリバリですけどご自由にどうぞ。 以下のリンク先でuserの欄にブックマーク数の足切りラインを設定してRunPipeをクリックすると、最低ユーザー数を指定できます。正しく動いてるのかは謎。 あと普通のはてなのRSSに比べて情報が半日くらい遅
先日ローカル環境で作成していたwebページを社内のファイルサーバ(?)にアップしたら、なぜかサーバ上のページだけ表示が崩れるという事があった。 観覧に使用していたのはIE8だったが、どうやらIE8の互換表示によるものだったらしいので自分用に調べた。 参考 IE8互換モードについて - Japan IE Support Team Blog - Site Home - TechNet Blogs ドキュメント互換性の定義 Internet Explorer 8 の開発者ツールの概要 IE8 の互換表示について - Windows 開発統括部 Blog - Site Home - MSDN Blogs ブラウザの表示はドキュメントモードで決まる ドキュメントモードとは、ページのレンダリング方法(HTMLやCSSの解釈方法)をIEのどのバージョンの方法でやるか指定するもの。 IE8のドキュメントモ
こんな感じのフキダシをパスで作ろうとして「どうすればいいんだっけ」ってなったので忘れないようにメモ Photoshopは良くわからんのでいつも以上にトチ狂った事書いてるかもしれないけどメモ ここで使ってるのはCS2です 目次 各部名称 ツールの切り替え 叫び吹き出しの描き方 作ったパスをシェイプとして保存する 吹き出しシェイプの使い方例 プロフェッショナルな参考サイト Illustrator(Photoshop) のペンツールできれいなパス、ベジェ曲線を描くためのコツ(私流) Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法(サンプルテキストもあるよ) | OZPAの表4 ベジェ曲線が慣れてきた人の為のillustratorの使い方|Web Design KOJIKA17 各部名称 ツールの切り替え ペンツール時にAltとかShift押してる間はツー
前編:WordPressのdefaultテーマを改造してコメント欄を作る:前編(準備と入力欄) - 残像ブログ 前編で改造したcomments.phpで、コメント一覧の出力をしていたwp_list_comments()の改造を行う wp_list_comments()について wp_list_comments()はデフォルトのままだと下記のようなHTMLを生成する。 このHTMLはwp-includes/comment-template.phpのWalker_Commentクラスのstart_el()メソッドに記述された内容から出力されている。 <li class="comment even thread-even depth-1" id="comment-2"> <div id="div-comment-2" class="comment-body"> <div class="comme
色彩の知識は皆無なので詳細は良く知らんのだけど、補色のRGB値算出方法を探していたらIllustratorの補色の計算方法が載ってたのでメモ 補色の説明 下図みたいなRGBカラーの輪を作った時、その色の対角線上にある色が補色になる。 組み合わせるとちょっといい感じになる Illustrator流補色計算 Illustratorの補色機能では次のように計算しているらしい 現在のカラーの RGB 値のうち最大と最小の値が合計され、その値から各構成要素の値を引いて、新しい RGB 値が生成されます。 Adobe Illustrator CS4 * カラーの反転色または補色への変更 この方法で下図のような黄色(R:255,G:216,B:31)の補色を求めてみる。 まずRGBの最大値はRの255、最小値はBの31なので、この合計値(xとする)は286になる。 このxから各値を引けば良いので、この色
背景を透過した半透明なデザインってかっくいーよな!と思ったので実現方法を調べていたのだけど、意外とややこしかったので備忘録としてまとめておく。 なおJavascriptは使わずにCSSのみでの実装を前提とします。 今回は、コンテンツ全体を包むボックス(黒)のみを半透明にして背景画像を透けさせたいとします。 この記事では半透明の実装には以下の3つの方法を考えます Opacityプロパティを使う RGBaで不透明度を指定する 透過PNGを使う この記事でのデモページの動作確認は以下のブラウザで行いました IE8 Firefox3.6 Opera11 Safari4 Chrome13 大変参考にしたページ:第2回 OpacityとRGBa実践テクニック|gihyo.jp … 技術評論社 Opacityを使う OpacityはCSSで設定できるプロパティで、文字通り対象の要素の透明度を指定できます
サイトのコメント欄を改修したので忘れないうちにメモする。長くなったので前後編。 コメント周りはなんかよくわからないので不安な感じである。 今回は上図(わかりにくい)のような返信をつけられるタイプのコメント欄を作成する。 主な目的は下記2点 defaultテーマ(バージョン1.6)のcomments.phpを改造して自分用コメント欄を作る コメント欄に返信機能を追加する(返信は入れ子で表示) この記事でやる事 ダッシュボードでの設定 テンプレートの編集(header.phpとsingle.php) comments.phpを改造 後編でやること(コメント一覧のカスタマイズ) functions.phpにカスタムコメント一覧を書く とても参考にしたページ Yuriko.Net » コメントの入れ子に対応 WordPress コメントをスレッド対応にする | dogmap.jp ダッシュボードで
webサービス登録したwebサービスの数が多くなってきたので、整理を兼ねて以下の3サイトを試してみました(iddyは前から使ってました)。iddylivedoor プロフィールabout.me 今回試したサイト以外にも同様のサービスはいくつかあるよう 自分のプロフィールページが作成できる海外Webサービス5つまとめ*二十歳街道まっしぐら 用途としては、自分が使っているブログやwebサービスの情報を一覧で表示するのが目的です(できれば最新記事のタイトルや投稿画像も表示したい)。 私自身の情報ではなく、私の発信するを一覧化するのが目的なので、プロフィールページ単位でメッセージを受け取ったり、お友達を作ったりする機能は求めません。 iddyサイトトップ:iddy | ブロガー向けプロフィールページASP 作成したプロフィール:052's profile | iddy 今まで使っていたサイト。 国
この記事のユーザCSSは古いです。最新版はuserstyles.orgに登録しました→simple pixiv - Themes and Skins for Pixiv - userstyles.org イラスト個別ページでのタグ非表示化CSSは個別で登録しました→http://userstyles.org/styles/83069/pixiv-hide-tag;title 全部適用するとこんな感じ pixivがどんどんごちゃごちゃしてきてるのでスッキリさせるcss。自分用で簡単な部分しか消してない。 私の環境はFirefox17.0.1のモニタ解像度1600×900です(2012/12/16現在)。 また、スタックフィード、小説、pixivニュースは使用していないです。 特定ユーザの非表示用CSSはこちら→ユーザCSSでpixivの特定ユーザの画像を非表示にするナンチャッテNG機能 -
パンくずリストは上のようにwebサイトのコンテンツを階層で表したリストのことですね。元ネタは「ぅゎょぅι゛ょっょぃ」のキャッチコピーで有名なヘンゼルとグレーテルだった気がする。 WordPressにはこのパンくずリストを簡単に設置できるBreadcrumb Navigation XTという大変便利なプラグインがあるのでとっても快適。 ですがせっかくなのでプラグインなしでパンくずリストを実装してみようと思います。 注意事項 区切り文字を単独の「>」にするとカテゴリアーカイブ、個別記事での表示がおかしくなる可能性があります(下記のコードでは「 >&nbdp;」としています)。 記事に設定するカテゴリに親子関係がある場合、パンくずに子カテゴリが表示されない場合があります。記事を投稿する際、最下層の子カテゴリにのみチェックすれば避けられるようです(下図参照)。 ↑このようなカテゴリ構成の場合 ↑投
プラグインを使わなくても上図のようなページ送り機能を実装できるとの事なのでやりました。 とっても参考:E03CA オートフォーカス壊れたっぽい へのコメント 前提として 今回使用するWordPressのバージョンは3.1.2 ページネーションはカテゴリごとの記事一覧、タグごとの記事一覧、検索結果での記事一覧に設置する コードはfunctions.phpに記載し、必要な場所で呼び出す。 私の環境では動きましたが、本記事に記載したコードだとパーマリンク設定などの違いにより環境によっては上手くいかないかもしれません。 実装にはテンプレートタグの「paginate_links」を使う そもそもWordPressでページネーションするには、カテゴリの記事一覧なら http://example.com/cat/[カテゴリスラッグ]/page/[ページ番号]タグの記事一覧なら http://exampl
このページを最初にブックマークしてみませんか?
『appakumaturi.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く