WEB備忘録とチャリとカメラ

2014年の投稿

MacとXperia Z3 SOL26 でUSBテザリング…できました

デバイスを複数持ち歩くとwi-fiテザリングが便利なんですけど、Macbook Proだけネットに繋げてテザリングするときは、USBテザリングできた方がスマホを充電しながらできますし、パフォーマンスも有線の方が良いのでUSBテザリングする機会があるんですけど、XperiaにしてからMacをUSBに繋げても認識しないようでした。

調べてみるとMac側でインストールして環境を整えないと使えないみたいです。

入れる


ビルドツールのGulp、使ってみる

Gulp イメージ

ビルドツールのGulp、Gruntよりも使い易そうなので取り入れてみました、Sass派です。

デザインもマークアップも一緒に


CSS Nite LP38 「Webデザイン行く年来る年(Shift8)」に参加してきました。

CSS Nite LP38「Webデザイン行く年来る年(Shift8)」

その年のWeb制作シーンを振り返るCSS niteの「Shift」シリーズに参加してきました。
[CSS Nite LP38 「Shift8」2014 – 2


videoタグを使いBasic認証をかけてスマホで起こる不具合を回避

videoタグを使ったページでBasic認証をかけるとAndroidやiOSで再生できない症状の回避方法。
.htaccessに以下を追記。
.mp4.webmファイルを掲載時。)

もっと読む


HTML5 videoタグの注意点、Miro Video Converterが便利

動画配信サービスで埋め込みを使えば楽なのですが、時間制限やクローズドな公開、審査だったり社外秘の内容だったり….。
html5のvideoタグを使うにあたっての注意点の備忘録です。

cd Desktop/

「*de


Wordpress カスタム投稿タイプを使えるようにする

WordPressでサイトをつくり投稿内容が増えてきて、タグやカスタムタクソノミーでは対応できなくなって来ることもあります。
そこで同じWordpress内で投稿の枠を自由に増やすことができるのがカスタム投稿タイプです。

カスタム投稿タイプが追加されたメニューバー

このように『投稿』以外に好きな名前(この場合は土地情報)で独立した新しい投稿欄ができます。

function.phpに以下のコードを入力。

add_theme_s

Mac環境でIEテストするシステムを紹介

旧バージョンのIEの表示テストは皆さん色々な方法でやられているかと思います。
ブラウザのアドオンや、フリーのソフトウェア、また専用に閲覧テスト用のネイティブ環境をオフラインで持っていると言う方も珍しくないでしょう。
アドオンなどでは再現表示が甘かったり、古いパソコンを何台も管理するのも不便で大変です。

クライアントさんがシステム系や、セキュリティが厳しい社内環境の場合だとまだVistaのIE7環境っていうのもあると思います。

今回は同じMacでネイティブに近い環境を作り、レガシーブラ


Sketch 3プラグインとかのまとめ

Sketch 3

Bohemian CodingSketch 3がリリースされてからしばらく経過して、セミナーやこもりまさあき氏の電子書籍「Sketch 3 Book for Beginner」を読んでみたりと色々情報が散らばっているので、ここでまとめたいと思います。

##Sketch


Mac ターミナルでDockの拡大サイズを最大に…

ターミナルアイコン

macのDockの拡大するエフェクト、普段はオフにしているのですが、OS Xの初期からある効果です。
使い辛く、実用性もいのですが、ネタとしてお使いいただけるかと思います。

環境設定でDockの拡大機能にチェックして。

環境設定のDockのウィンドウ"

ターミナルで以下の指示を打てば、Dockのアイコンが最大512pxまで拡大します。

もっと読む


Adobe Reader XIがESET smart Securityインストール後に英語表記になる(Windows7)

先日社内PCでWindows7 64bitの環境にキャノンのESET smart Security 7をインストールしたところ、Adobe Reader XIの表記が英語になり、言語設定を変えても改善しなかった時の対策、の備忘録です。

Adobe Communitiesでの投稿内容が参考になりました。

  1. ctrl + クリックでAdobe Reader XI起動、言語選択ができるダイアログボックスが出て選択するも改善せず。

Googleのマット・カッツ(Matt Cutts)氏が「被リンクからオーサーランクに移行」と

Googleのマット・カッツ(Matt Cutts)氏が検索のルールを被リンクから著者重視に移行すると名言したようです。
どういうアルゴリズムで人物や執筆を解析しオーサーランクがはじき出されるのか…、どれだけの影響があるのか気になります。

マット・カッツ(Matt Cutts)氏

SEO業者さんからの営業をかわしながらインハウスで対策をしてきた訳ですが、

「外部リンクは効果はあります」とか、「18歳未満ってググって…」みたいなことを今でも言ってくる業者の方々結構います。
個人的に結局はドーピングでしかないと思っているので淘汰されるのは当然とは思いますが。


『スティーブ・ジョブズ』の「終章」が公開されています。

講談社のサイトで「スティーブ・ジョブズ」の終章が、PDF10ページで無料公開されています。

スティーブ・ジョブズ 終章が講談社で無料公開
終章を新たに追加!
世界的ベストセラー「スティーブ・ジョブズ」の原書ペーパーバック版に収録された「終章」をPDFの形で無料公開します。 ジョブズの最期が克明に描かれています。

2年以上前にリリースされた「スティーブ・ジョブズ」を読んだ方もまだ読まれていない方も、PDFなので


Macのクリップボードのフォーマットや何やらをプレーンにしてくれるFormatMatchが便利過ぎました!

ブロガーや普段職場でメールなどを多様されている方向けかも知れませんが、便利なツールをご紹介します。

所謂コピペの作業、文字情報とかだと純粋にライティングの情報だけが欲しいのに、よけいな情報、例えばフォントやリンク、スタイルやらポイント、見出しやら余分なタグ情報とか…、いらない情報までコピーしてしまうことありますよね。
個人的にWordpressを納品したクライアントさんで、Evernoteで下書きしてWordpressのビジュアルで吐き出すとよけいなタグ情報がついて来ちゃうとか


Mac ターミナルでデスクトップをスッキリ!!

ターミナルアイコン

デスクトップ上のフォルダやらファイルたち、あれこれ置いていざ人前で画面を見せなきゃいけない時に散らかっている状態はあまりよろしく無いですよね。
プロジェクターを通すときだけファイルたちをどこかに移すっていう手もありますが、散らかっている様で自分なりにルールがあって置いていて、それを戻すもの大変です。

ターミナルでデスクトップ上のアイコンたちを非表示にするコマンドです。
これならファイルを動かすこと無くデスクトップも奇麗に見せれる、備忘録。

<?php
echo __FILE__;
?>

これだけ。


FireworksでSVG画像を出力するエクステンション

SVG画像などのベクターの取り扱いは基本的にはIllustratorで、ラスターはPhotoshopで作業するパターンでAdobeから当分抜け出せないのですが、ラフ案を見せるときなど昔の名残でFireworksをまだまだ使うことがあります。

Fireworks CS5 アイコン

FireworksでパスをそのままSVGで書き出すときはExport – Aaron Beallの拡張機能を入れる必要があります。

リンク先でExport.mxpファイルをDLし、ダブルクリ


Contact form 7有効化でFoundation.jsに影響の対策

WPと『Foundation』でサイト構成、問い合わせプラグインの『Contact form 7』を有効化。
その際にFoundationのトップナビ