yotaro さん プロフィール

  •  
yotaroさん: 俺のニュース
ハンドル名yotaro さん
ブログタイトル俺のニュース
ブログURLhttp://sleep-sheep.info/
サイト紹介文ネットパトロールをしていて、これは!ッて思うものを中心に紹介していきます。
自由文はじめまして。湯水のごとく際限なく湧き上がるネットの情報を独断的に集めて記事にしていきます。商品紹介、wordpressの情報も多め。ただのまとめサイトにならないように、自分の言葉で。

人気記事は、かつていたリアルアーティスト、ノリアキについての記事です。http://sleep-sheep.info/?p=345
参加カテゴリー
更新頻度(1年)情報提供79回 / 365日(平均1.5回/週) - 参加 2015/02/08 20:49

yotaro さんのブログ記事

  • 通常のフォントをwebフォント化する
  • 先日源の明朝がリリースされました。素晴らしいことです。長くweb制作の現場では明朝体の文字の扱いに苦労するところがありました。IEでもきれいに表示することができる游明朝体も、MACとIEではウエイトが異なり、サイズが小さくなってくると、汚く見えてしまうのです。源の明朝は簡体字、繁体字、韓国語、日本語が使用できます。ウェイトも7つあります。自由すぎる。源の明朝はいずれwebフォンになるとおもいます。そしてより [続きを読む]
  • 最近のフォントサイズ指定について考える
  • 最近はレスポンシブ対応などで、フォントサイズの指定に迷ってしまいます。レスポンシブのない時代はpxを使っていて、その後yui fontをSASSで使用してましたが、親要素に引っ貼られてしまうし、新しい技術も調べてみたかったので、まとめてみました。YUI Font#demo1 {font-size:85%;} /*renders 11px */枯れた技術のYUI。と言いつつ最近のプロジェクトで使ったこともあります。pxを使った場合に発生する、ブラウザ間の差異をなく [続きを読む]
  • 初心者がさくらのVPS(仮想専用サーバー)を使ってみた
  • 初めてさくらのVPSを借りてみた。今までは普通のレンタルサーバーで運用していたのだけれど、WordPressを複数インストールしているので、速度がかなり遅くなってしまっていた。Linuxの知識が全くない自分が、いろいろメモ書きしながらWPを実際に動かすところまでをメモしてみた。公式には「複数WPを運用するなら2GB以上のプランがお得です」と書かれていたんだけど、レンタルサーバーとどうしても比べてしまって、ものっすごく高 [続きを読む]
  • Google Chromeの自動補助入力のメールアドレスを削除する
  • ログインやサービス登録をする際に便利な自動入力。フォームをアクティブにするとぺろっと出てくるあれです。自動入力の削除方法に手こずったのでメモしておきます。まずメニューバーからChrome > 環境設定 > 真ん中にあるパスワードとフォームをみます。ここで通常ならそれぞれの管理画面から削除すれば消えるはずなんですが、それでもぺろっと出てきてしまいます。なんでだ。自動表示されたアドレスを選択し、Sift + Functio [続きを読む]
  • すごい苦労したDMMサーバーでのベーシック認証のかけ方
  • 以前すごい苦労したさくらサーバーでのベーシック認証のかけ方という記事を作成したのですが、今回はDMMのサーバーの解説になります。なんでこんなにベーシック認証掛からないの?おかしいの?俺の頭。なので必要最低限の設定を自分流にまとめました。難しい設定は他のサイトを見て下さい。1.3つのファイルを作ります。1.3つのファイルを作ります。2.ルートディレクトリを探るまずSample.phpというファイルを作ります。以下を記 [続きを読む]
  • Docker toolboxをmacに入れてみた
  • Dockerをインストールhttps://docs.docker.com/docker-for-mac/install/から「Get Docker for Mac」をダウンロード移動させて起動する。Finderメニューにクジラが現れて、 するとこういうメニューが現れる。これでインストール完了。ToolBoxをインストールここから動かない。macOS Sierra Docker Toolbox のインストーラがエラるので Brew cask でインストールした ? Qiita ? https://goo.gl/HoYU0Tホームブリュ [続きを読む]
  • Dreamweaver CC BataでSASSを使う
  • 次期DreamweaverはBootstrapとSassが手軽に使用できる。完全に生まれ変わる次世代 Dreamweaver ベータ版を先行公開 ー コードエディター刷新、ダークUI、Sass/LESS対応このページの下にダウンロードリンクがあるのでインストールする。AdobeIDがあればOK。サイト新規作成でCSSプリプロセッサーがあるのでコンパイルを有効化する。compressedにするとサイズが軽くなるので選択してみる。次は「ソースと出力」を選択。CSSとSASSフォ [続きを読む]
  • PhotoshopやIllustratorでFontawasameを使用する
  • cc2015以前の方cc2015以前の方はPhotoshopのエクステンションが出ています。http://creativedo.co/FontAwesomePSPhotoshopやIllustratorでFontawasameを使用する" data-medium-file="https://i1.wp.com/sleep-sheep.info/wp-content/uploads/2017/03/E12AA1D4-32C1-4846-9FF0-D6B6EE64E985.png?fit=300%2C172" data-large-file="https://i1.wp.com/sleep-sheep.info/wp-content/uploads/2017/03/E12AA1D4-32C1-4846-9FF0-D6B [続きを読む]
  • WordPress関数bloginfoの使い方
  • 様々なサイト情報を出力するbloginfo関数。しかし昨今は非推奨とされる表記が出てきているので、現在使える分だけ探してみた。サイトタイトルの出力'name'); ?>ディスクリブションの出力'description'); ?>フィードの出力bloginfo(‘rss2_url’)Copyright © 2017 sleep-sheep @OreNews_tw All Rights Reserved. [続きを読む]
  • 中国語のサイトを作ったときにつかったfont-family
  • 中国語のサイトを作る必要があったので、色々調べた上で、自分が最強だと思ったフォントセットを晒します。以下はMac用の設定です。Hiragino Sans GBはMacにバンドルされている中国語フォントなので、macユーザーなら誰でも表示させることができます。html,body{font-family: "Hiragino Sans GB","Hiragino Sans GB W3","STXihei";} こちらはWin用の設定。IE10以降に対応させています。@media all and (-ms-high-contrast:non [続きを読む]
  • Human Beat Boxer 口音楽者 DOKAKA
  • ヒカキンとかDaichiなどyoutube出身のヒューマンビートボックサーのパフォーマンスを見てたらdokakaというアーティストを思い出した。まだyoutubeなんてなくてインターネットがオタクのものだった頃の話だ。 ビョークが日本人のミュージシャンを新アルバムのプロジェクトに加えるというニュースが音楽史に載って話題になった。 で、それ以来ビョークのアルバムは2枚持っていたけど、DOKAKAが参加した「Medúlla」は購入しなかった [続きを読む]
  • MWWP Fromの設定
  • MWWP FromwordPressではContactForm7(http://sleep-sheep.info/?p=2454)がとても有名だけれど、このプラグインには確認ページがない。公式プラグインで確認画面を後付するものもあるけれど、最低限のデザインしかしておらず、好みではありませんでした。そこで多分WPメールプラグイン国内2位のMWWP Fromを紹介します。検索&インストール&有効化をするとメニューにMWWP Fromが出現するので、新規追加を選択します。設置開始例 [続きを読む]
  • Fetch as Googleの使い方
  • Fetch as GoogleとはURLのクロールとレンダリングをシュミレートしてくれる診断ツール。クローラーは基本的にGoogleのタイミングで走るのだが、Fetch as Googleを使うと、クローラーを呼び出して、すぐインデックスさせることができる。なので新規ページや更新をした時に行うといい。URLを入力して「取得」を する。そうすると画像のように「インデックス登録をリクエスト」ボタンが現れる。「インデックス登録をリクエスト [続きを読む]
  • FontSizeをUIで調整するFont-sizerとGulpLiveReloadでの失敗
  • 今時ボタンでフォントの大きさを変えるなんて古臭いな〜、ブラウザで拡大縮小すべきだよなーとか思いつつも、その機能を知らない人たち(特にご老人)にとっては便利な機能なのかもしれません。自治体ページなどにはよくついてますね。自分にもそういった案件が回ってきて、「大」「中」「小」ボタンをつけることになりました。Font-sizerというプラグインを使えば実現できるのですが、良さげな記事を見つけました。お世話にな [続きを読む]
  • WPバックアップソフトUpdraftPlus
  • 「wordpress バックアップ」で検索するとBackWPUpが大変使われていて解説もたくさんあります。自分も愛用しているのですが、サーバーの関係でうまく動作しないことがあり、代用プラグインをさがしていたところ見つけましたのがUpdraftPlusというものでした。日本語解説サイトもいくつかあるのですが、少し古くてやり方が違っていることがあったので、改めて記録しておきたいと思います。UpdraftPlusで検索しましょう。評価も高いし [続きを読む]
  • gulp-ejs
  • middlemanを使おうとしたけどEJSの方がメジャーだって聞いたものだから、そちらに鞍替えしました。前回の記事がすごく中途半端の尻切れトンボで終わっているのはそういうわけなのです。Gulp-ejsをインストールnpm install --save-dev gulp-ejsと入れましょう。ESJの構文これはjavascriptとして出力されるHTMLを使う場合はこちらで変数の定義。例えばとすると俺のサイトと出力される。更にarray関数で以下の様なこ [続きを読む]
  • 静的ページでMiddlemanを使う
  • https://middlemanapp.com/jp/SassやGulpをインストールしてかなり生産性を上げることができたが、html側でも何か効率化を図ることができないかと考え、HTMLテンプレートエンジンをあさっていたところ、Middlimanを見つけ、実際に試してみた。他のテンプレートエンジンはHTMLの記述そのものを変えてしまうようなものもあったりで、敷居が高い&引き継ぎも辛い&共有も時間諸々かかって大変。JSもRubyもよくわからない自分に、学習 [続きを読む]
  • Adobe Layer Namer 2017
  • Adobe Layer Namer 2017の「2017」は自分でつけました。だってかつての情報が多すぎるんですもの。この記事がより多くの必要とする人の元へ届きますように。Photoshopのレイヤー名を簡単に変更して、2倍で書き出したりPNGで書き出したり、書き出し品質を設定したりできるADOBE公式プラグイン。以前もあったんだけど、 エクステンションマネージャーが開発終了して以来、使ってなかった。こちらなら最新のPhotoshopCC2017でも使用す [続きを読む]
  • MacにPostgreSQLをインストールする
  • PostgreSQLインストールMacでのインストールになります。https://www.enterprisedb.com/downloads/postgres-postgresql-downloads#macosxご自分の環境にあったものをダウンロードしましょう。 パスワードは任意に。Localeはにして、他に同じ番号でポートを使ってなければポート番号は5432のままでいいでしょう。 最後のチェックボックスは外しましょう。インストールが終わるとアプリケーションフォルダにpgAdminなどが詰まったフ [続きを読む]
  • 革命的WordPressバックアッププラグイン All-in-One WP Migration
  • All-in-One WP MigrationWordPressのバックアップやサーバー引っ越しの際に使用するプラグインは様々に出ていると思います。自分はBackWPupで、DropBoxにデータを週一で自動的に落とすようにしています。このサイトも一度ドメインを変更した際、バックアップからデータをインポートしたことがあるのですが、これがなかなかうまく行かず、画像が表示されなかったり、リンクが壊れたりして手間取りました。その辺の差異をall in one [続きを読む]
  • 無料でWordPressがインストールできるXdomain
  • Xdomainさくらサーバーなどでもお試し期間で無料レンタルサーバーを使用することができますが、クレジットカード登録が必要だったので、探したところ、Xdomainというところが無料でレンタルしていました。 信頼と実績のXSERVERが運営しています。以下URLにアクセス。無料レンタルサーバー新規お申し込み | ドメイン取得&無料レンタルサーバー Xdomain(エックスドメイン) ? あとはメール登録、住所、電話番号、色々登録 [続きを読む]