2016年11月23日水曜日

もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜

もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜

Gitインストール時の注意点

もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜




MasterSeeker MFT内のデータをキャッシュし、ファイル/フォルダを高速に検索できる

MFT内のデータをキャッシュし、ファイル/フォルダを高速に検索できる
http://www.vector.co.jp/soft/winnt/util/se505524.html

大容量ファイルもGitで管理。 Git LFSの使い方

Gitで説明する機会が多かったのでまとめてみた - Qiita

display:table-cell;を安易に使うべきでない理由いろいろ - Qiita

http://qiita.com/sawadays0118/items/4c329fd05cdff14ffebc

レスポンシブ対応のグリッドレイアウトを実現する代替案

レガシーIEでも対応したい

  • floatと高さを揃えるJS(fixHeight.js)がベスト
  • 次点でdisplay:inline-block;と高さを揃えるJSだが、CSSだけでグリッドの並び順を逆にすることが不可能。
  • 高さを揃えるJSを使わずにmin-heightで何とかしようとするのは、テキスト量が増減したときに困る上に、モジュールごとに固有のmin-heightを指定しなければならない、文字サイズ拡大に対応できないなどの弊害があるため現実的ではない。(ちなみに高さを揃えるJSだったら何でも良いわけではなく、文字サイズ拡大やウィンドウのリサイズに対応していて、行ごとに高さを揃える個数を指定しないで済むfixHeight.jsがオススメ)

IE10からの対応でOK

  • display:flexbox;(ベンダープレフィクス必須、IE11以降はdisplay:flex;
  • そして、毎度のことながらIE様のバグには注意

Normalizing Cross-browser Flexbox Bugs — Philip Walton
http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/

  • 追加でFlexboxのpolyfillがあったので紹介します

IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利! | Webクリエイターボックス
http://www.webcreatorbox.com/tech/ie8-flexbox/

偏見?参考にならないjQueryのページの見分け方 - Qiita

2016年11月21日月曜日

SourceTree(Windows環境)でコミット間の差分ファイルを出力する | Tips Note by TAM

Gitで差分ファイルを出力するバッチファイルは以下がエラーが出ずよかったです。

SourceTree(Windows環境)でコミット間の差分ファイルを出力する | Tips Note by TAM
http://www.tam-tam.co.jp/tipsnote/program/post7435.html

他にも探すとありますが、ファイルが削除されていたりリビジョンが違うとエラーなってしまうものがありました。

追記

英語環境のWindows10で上記バッチファイルを使用したら、フォルダ名・ファイル名がおかしくなってしまいました。少し調べたところ、Windowsの時間設定が米国式になっていたので、日本式に修正したらOKでした。

参考
http://www.atmarkit.co.jp/ait/articles/0405/01/news002.html

Google Data Studioすごすぎ。レポート作成時間を完全にゼロにする無料BIツールが現場を変える - BITA デジマラボ

React.js製の静的サイトジェネレーターGatsbyに移行した - Qiita

jekyll-import ブログ記事を他サービスに移行するためのツール


jekyll-import • Import your old & busted site to Jekyll — jekyll-import • Import your old & busted site to Jekyll
http://import.jekyllrb.com/

高価だったAdobeのアプリも今や無料でダウンロードできる | ライフハッカー[日本版]

高価だったAdobeのアプリも今や無料でダウンロードできる | ライフハッカー[日本版]
http://www.lifehacker.jp/2016/11/161118_adobefree.html

「Photoshop Mix v2.0」(Android、iOS):スマホでレイヤーを扱える

「Photoshop Fix 」(iOS):最高のアプリが無料に

「Spark Suite」(ウェブ、iOS):魅力的な記事やビデオをつくる

「Color」(ウェブ):すぐに良い配色が見つかる

2016年11月18日金曜日

【2016年版】ウェブ制作を快適にする、知っておきたい無料オンラインツール50選 - PhotoshopVIP

XCOPY フォルダ構造を保ったまま特定のファイルだけコピーする

フォルダ構造を保ったまま特定のファイルだけコピーしたいときがあります。
xcopyを使えば可能です。

Windowsの場合


例1:Folder1フォルダにある拡張子htmlファイルのみ、Folder2にコピーする

>xcopy /e Folder1\*.html Folder2\

こうすると、htmlファイルのない空のフォルダもコピーされてしまうので、以下のようにするとよい。

例2:

>xcopy /s Folder1\*.html Folder2\




Linuxの場合


ディレクトリ1内にあるjpgファイルを、階層構造を保ったままディレクトリ2にコピー

$ find ディレクトリ1 -name "*.jpg" -print0 | xargs -0 cp --parents -t ディレクトリ2


参考
ディレクトリ構造を保ったまま欲しいファイルだけをコピーする方法
http://d.hatena.ne.jp/yokoji/20120228/1330382086





Video: "Douglas Crockford Talks about 'Upgrading the Web'

2016年11月16日水曜日

.htaccessで特定のファイルやディレクトリのみBasic認証を解除する

.htaccessで特定のファイルやディレクトリのみBASIC認証を解除する | ザ サイベースhttp://thesaibase.com/server/htaccess-basic-auth


特定のファイルやディレクトリのみBasic認証を解除する場合

以下のように.htaccess に記述し、Basic認証を解除したいフォルダに設置します。

1
2
3
Satisfy any
order allow,deny
allow from all


特定のファイルのみBasic認証を解除する場合

1
2
3
4
5
<Files "example.html">
Satisfy any
order allow,deny
allow from all
</Files>


特定の拡張子ファイルのみBasic認証を解除する場合

1
<FilesMatch "\.(gif|jpe?g|png)$">

※ファイル名などで正規表現を使う場合には、FilesよりもFilesMatchを使用することが推奨されているようです。


ディレクトリを指定する場合

1
2
3
4
5
<FilesMatch "\/?example">
Satisfy any
order allow,deny
allow from all
</FilesMatch>

※exampleディレクトリ内のBasic認証を解除。

ドキュメントシステムはこれを使え2015年版

2016年11月9日水曜日

2016年11月4日金曜日

SFTPでディレクトリ制限ありなユーザを作成する - chrootなやつ

Linuxにて削除(rm)してしまったファイルを復元する【CentOS】 - Qiita

思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!

思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)
http://plus.appgiga.jp/masatolan/2016/10/31/57359/

Nativefier: URLを指定するだけでWebサイトをデスクトップアプリにする

Electronで作成するものですが、とても便利です。

GitHub - jiahaog/nativefier: Make any web page a desktop application
https://github.com/jiahaog/nativefier

今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)

2016年11月3日木曜日

有名な英語の早口言葉8選|発音もネイティブ並みに上達!

英語で接客|海外の旅先でも役立つ!11の場面別フレーズ集

Linux(Ubuntu)で市販のDVDを再生するには

参考 http://qiita.com/SUZUKI_Masaya/items/1f0081c5a4405a2fd0e4

上記を参考にまず、以下を実行

sudo apt-get install ubuntu-restricted-extras libdvdread4 vlc

これで制限のかかっていないDVDは再生可能。しかし、以下を実行しても市販のDVDは再生できなかった。そもそも install-css.sh が見つかりません。となってしまう。
sudo /usr/share/doc/libdvdread4/install-css.sh
そこでhttp://verifiedby.me/adiary/088を参考に、
sudo apt install libdvd-pkg  sudo dpkg-reconfigure libdvd-pkg  
を実行したら再生できました。



参考 http://verifiedby.me/adiary/088

市販dvdの再生を可能にするには、以前は
sudo /usr/share/doc/libdvdread4/install-css.sh  
でしたが、15.10から
sudo apt install libdvd-pkg  sudo dpkg-reconfigure libdvd-pkg  
になりました。