window7の高速化 ＆ ASUS UL20A タッチパッドが無効化できない件 [学習メモ]
今まではweb製作周りのことを中心に書いてましたけど
それをやるにあたっても、PC周りでつまずくことが多いので
こんどからそれもメモしていこうと思う。
私が愛用している
ASUS 12.1型ワイドノートPC UL20A Windows7搭載モデル ブラック UL20A-2X123BK
これを使っているんですけど
なんかパソコンの動きが非常に遅くなってきたんですね。
そしてぐぐっていたら、良いブログ発見！
カフィネット（Cafi Net）
ここのサイトにwindowsの高速化について
丁寧に書いてくれています。
自分はwindows7なので、ココを参考にしたら、結構速くなっておお助かり！！
でも色々といじっていたらASUS UL20Aのタッチパッドが無効できなくなってしまったんですよね。。
(Fn＋F9で無効化するやつね)
こまったーーーー！！！
調べてもあまり良い解決方法が出なかったので
Synapticsのデバイスドライバーを入れ直しました。
そしたらとりあえず、出来ましたけど
なんか他に良い方法はないのかな～？
それをやるにあたっても、PC周りでつまずくことが多いので
こんどからそれもメモしていこうと思う。
私が愛用している
ASUS 12.1型ワイドノートPC UL20A Windows7搭載モデル ブラック UL20A-2X123BK
ASUS 12.1型ワイドノートPC UL20A Windows7搭載モデル シルバー UL20A-2X044V
- 出版社/メーカー: Asustek
- メディア: Personal Computers
これを使っているんですけど
なんかパソコンの動きが非常に遅くなってきたんですね。
そしてぐぐっていたら、良いブログ発見！
カフィネット（Cafi Net）
ここのサイトにwindowsの高速化について
丁寧に書いてくれています。
自分はwindows7なので、ココを参考にしたら、結構速くなっておお助かり！！
でも色々といじっていたらASUS UL20Aのタッチパッドが無効できなくなってしまったんですよね。。
(Fn＋F9で無効化するやつね)
こまったーーーー！！！
調べてもあまり良い解決方法が出なかったので
Synapticsのデバイスドライバーを入れ直しました。
そしたらとりあえず、出来ましたけど
なんか他に良い方法はないのかな～？
wordpress アップロードが出来ない時の解決方法 [学習メモ]
ボランティア団体の自分が管理しているブログで
wordpressでのファイルアップロードが出来なくなってしまったので
ぐぐってみたら、分かりやすいブログ発見！
WordPressでファイルがアップロードできない場合の対策
自分は、XREAサーバを使っていたので
PHPはモジュール版でセーフモードが有効という仕様らしく
そのせいで、PHPが警告だしていたんですね～。
なんかアップローダーを使ってアップしようとすると
/wordpress/wp-content/uploads
このディレクトリを指定した警告が出ると思いきや
「wp-contentディレクトリ」のパーミッションがデフォルトで755となっているため権限不足でディレクトリが作成できないだけなんだってね～。
次にuploadsディレクトリの作成は成功しても
上記のセーフモードの問題が残っているから
＜files async-upload.php＞ AddHandler application/x-httpd-phpcgi .php ＜/files＞
を書き記した.htaccessファイルを/wordpress/wp-adminディレクトリにアップロードすれば
良いだけ。
簡単なことたくさんもがいていました。
詳しい手順などはやはり参考元もこちら参照のこと。
WordPressでファイルがアップロードできない場合の対策
以上、メモでした。
wordpressでのファイルアップロードが出来なくなってしまったので
ぐぐってみたら、分かりやすいブログ発見！
WordPressでファイルがアップロードできない場合の対策
自分は、XREAサーバを使っていたので
PHPはモジュール版でセーフモードが有効という仕様らしく
そのせいで、PHPが警告だしていたんですね～。
なんかアップローダーを使ってアップしようとすると
/wordpress/wp-content/uploads
このディレクトリを指定した警告が出ると思いきや
「wp-contentディレクトリ」のパーミッションがデフォルトで755となっているため権限不足でディレクトリが作成できないだけなんだってね～。
次にuploadsディレクトリの作成は成功しても
上記のセーフモードの問題が残っているから
＜files async-upload.php＞ AddHandler application/x-httpd-phpcgi .php ＜/files＞
を書き記した.htaccessファイルを/wordpress/wp-adminディレクトリにアップロードすれば
良いだけ。
簡単なことたくさんもがいていました。
詳しい手順などはやはり参考元もこちら参照のこと。
WordPressでファイルがアップロードできない場合の対策
以上、メモでした。
高速コーティング術を学習する [学習メモ]
ちなみにこの本も学習しています。
その際のメモをここで記述
・パーツ一覧ページを用意した方が良い。
・ボーダーは背景の上に表示されるため、線種が実線だと背景はそのボーダーで被る。
また初期値は「実線」ではなく「無し」になっている
・displayプロパティの「table」は内容に合わせた幅になっている
・上下のマージンの相殺は、floatが指定されている要素、絶対配置されている要素
displayの値が「inline-block」の要素との間のマージンには相殺が行われない。
・絶対配置の位置指定は、絶対配置にした要素を含む要素のうち、「相対配置」「絶対配置」「固定配置」のいずれかに指定されている最も近い要素のボックスを基準として配置される。なお、IE6以前は固定配置には対応していない。
【セレクタの書き方について】
・基本的にはセレクタの最終的な適用対象となる要素までに経由する要素は、全て記入
・パーツに含まれるすべての要素に対するセレクタと｛｝を階層順に並べて先に書いてから表示指定を行うのが良い。
・body要素にたいしてclass属性とid属性の両方を指定した方が良い。
classにはディレクトリ名 idにはファイル名
・ページやカテゴリごとに固有の表示をする場合、セレクタはbody要素も含め列挙して書くのが良い。
【コーディング基本ルール】
・floatもしくは絶対配置に幅をセットで指定する
・floatと「display:inline;」をセットで指定する
・floatとclearfixをセットで指定する
・ブロックレベル要素の幅は一番外側の要素にだけ指定する
・高さは指定しない
・hasLayoutの切り替えには「zoom:1;」を使用する
white-spaceプロパティに「pre-line」「pre-wrap」が追加されてる
・シャドーコーディング→実際にコーディングをする前に頭の中でシミュレーションをすること。
【コーディングをするにあたって】
・外側の枠組みをしっかりと作り、その後にその内部（ヘッダ・フッダ・ナビゲーション・サイドバー・メインコンテンツなどの各領域の中身）を作る
＜外枠組み＞
・２段カラムで常にサイドバーの背景画像をフッタに接するように表示させるには、この背景画像をサイドバーの背景画像として表示させるのではなく、その親要素のボックスの背景として表示させればよい。
・IE6ではfloatを指定した要素のボックスとボックスの間にコメントがあると表示が崩れてしまうことがあるので、コメントは終了タグの直前に付ける。
・html要素とbody要素の両方に「height:100%;」とさせてbody要素の背景画像をウィンドウズ全体に表示させる指定方法もあるが、マージンやパディングをbody要素に指定しているとその分だけbody要素がhtml要素よりも長くなってしまい、常にスクロールバーが出てしまう。
＜ヘッダの作成＞
・ルールとして決めているわけではないが、「position:relative;」を指定した時に合わせて「zoom:1;」を指定することが多い。
・fontをまとめて指定する時、ine-heightプロパティの値を指定するときはfont-sizeプロパティの値との間にスラッシュ（/）を入れる。（知らなかったw）
http://www.xml.vc/property/font/font.html
・rightプロパティを使用すると問題が発生することがあるため、可能な限りtopプロパティとleftプロパティを使用する。
・cssソースコードの中で同じパターンで数値部分だけが異なるような指定の場合には、こうすることで異なっている部分がわかりやすくなり、編集もしやすくなる。
＜フッダの作成＞
・フッダ部分のナビゲーションをul要素とし、その子要素である先頭のli要素にはクラスを定義して処理を行う。
・上記の際、li要素と下マージン指定して行と行の間の間隔を広げる。
・「white-space:nowrap;」を入れることでfloatした状態で改行されるのを防ぐ。
【ブラウザで表示チェックする際のポイント】
・スクロールしてみる
・ウィンドウサイズを変えてみる
・元のデザインと比較して差異がないか確認する
・マウスオーバーしてみる
・クリックしてみる
・ステータスバーを確認する
・フォントの異なる環境で確認する
- 作者: 大藤 幹
- 出版社/メーカー: ソシム
- 発売日: 2009/12
- メディア: 単行本
その際のメモをここで記述
・パーツ一覧ページを用意した方が良い。
・ボーダーは背景の上に表示されるため、線種が実線だと背景はそのボーダーで被る。
また初期値は「実線」ではなく「無し」になっている
・displayプロパティの「table」は内容に合わせた幅になっている
・上下のマージンの相殺は、floatが指定されている要素、絶対配置されている要素
displayの値が「inline-block」の要素との間のマージンには相殺が行われない。
・絶対配置の位置指定は、絶対配置にした要素を含む要素のうち、「相対配置」「絶対配置」「固定配置」のいずれかに指定されている最も近い要素のボックスを基準として配置される。なお、IE6以前は固定配置には対応していない。
【セレクタの書き方について】
・基本的にはセレクタの最終的な適用対象となる要素までに経由する要素は、全て記入
・パーツに含まれるすべての要素に対するセレクタと｛｝を階層順に並べて先に書いてから表示指定を行うのが良い。
・body要素にたいしてclass属性とid属性の両方を指定した方が良い。
classにはディレクトリ名 idにはファイル名
・ページやカテゴリごとに固有の表示をする場合、セレクタはbody要素も含め列挙して書くのが良い。
【コーディング基本ルール】
・floatもしくは絶対配置に幅をセットで指定する
・floatと「display:inline;」をセットで指定する
・floatとclearfixをセットで指定する
・ブロックレベル要素の幅は一番外側の要素にだけ指定する
・高さは指定しない
・hasLayoutの切り替えには「zoom:1;」を使用する
white-spaceプロパティに「pre-line」「pre-wrap」が追加されてる
・シャドーコーディング→実際にコーディングをする前に頭の中でシミュレーションをすること。
【コーディングをするにあたって】
・外側の枠組みをしっかりと作り、その後にその内部（ヘッダ・フッダ・ナビゲーション・サイドバー・メインコンテンツなどの各領域の中身）を作る
＜外枠組み＞
・２段カラムで常にサイドバーの背景画像をフッタに接するように表示させるには、この背景画像をサイドバーの背景画像として表示させるのではなく、その親要素のボックスの背景として表示させればよい。
・IE6ではfloatを指定した要素のボックスとボックスの間にコメントがあると表示が崩れてしまうことがあるので、コメントは終了タグの直前に付ける。
・html要素とbody要素の両方に「height:100%;」とさせてbody要素の背景画像をウィンドウズ全体に表示させる指定方法もあるが、マージンやパディングをbody要素に指定しているとその分だけbody要素がhtml要素よりも長くなってしまい、常にスクロールバーが出てしまう。
＜ヘッダの作成＞
・ルールとして決めているわけではないが、「position:relative;」を指定した時に合わせて「zoom:1;」を指定することが多い。
・fontをまとめて指定する時、ine-heightプロパティの値を指定するときはfont-sizeプロパティの値との間にスラッシュ（/）を入れる。（知らなかったw）
http://www.xml.vc/property/font/font.html
・rightプロパティを使用すると問題が発生することがあるため、可能な限りtopプロパティとleftプロパティを使用する。
・cssソースコードの中で同じパターンで数値部分だけが異なるような指定の場合には、こうすることで異なっている部分がわかりやすくなり、編集もしやすくなる。
＜フッダの作成＞
・フッダ部分のナビゲーションをul要素とし、その子要素である先頭のli要素にはクラスを定義して処理を行う。
・上記の際、li要素と下マージン指定して行と行の間の間隔を広げる。
・「white-space:nowrap;」を入れることでfloatした状態で改行されるのを防ぐ。
【ブラウザで表示チェックする際のポイント】
・スクロールしてみる
・ウィンドウサイズを変えてみる
・元のデザインと比較して差異がないか確認する
・マウスオーバーしてみる
・クリックしてみる
・ステータスバーを確認する
・フォントの異なる環境で確認する
HTML5とCSS3を実践的に学習する [学習メモ]
今、この本を勉強しています。
そのなかで分からない単語などが沢山でてくるので
ここで自分用のメモを…
そもそもこの言葉を知らなかったw
フォールバック【fallback】（縮退運転）
HTML5においてーー新しい要素と機能
・<header>
ページまたはセクションのヘッダー領域を定義する。
・<footer>
ページまたはセクションのフッダー領域を定義する。
・<nav>
ページまたはセクションのナビゲーション領域を定義する。
・<section>
ページの論理領域またはコンテンツグループを定義する。
・<article>
記事又は完全なコンテンツを定義する。
・<aside>
二次的なコンテンツまたは関連コンテンツを定義する。
・カスタムデータ属性
data-パターンを使ってカスタム属性を任意の要素に追加する。
・<meter>
範囲内の量を表現する。
・<progress>
進捗をリアルタイムを示すプログレスコントロール
このバーのことプログレスバーっていうんだねw
プログレスバー
新しいタイプののフォームフィールド
・<input type="email">
電子メールアドレス用のフォームフィールドを表示する。
・<input type="url">
URL用のフォームフィールドを表示する。
・<input type="tel">
電話番号用のフォームフィールドを表示する。
・<input type="search">
検索キーワード用のフォームフィールドを表示する
・<input type="range">
スライダーコントロールを表示する。
・<input type="number">
多くの場合、数値用のフォームフィールドをスピンボックスとして表示する。
・<input type="date">
日付用フォームフィールドを表示する。
・<input type="datetime">
日付と時刻用のフォームフィールドを表示する。
・<input type="color">
色を指定する為のフィールドを表示する。
・<input type="text" autofocus>
特定のフォーム要素にフォーカスを設定する
・<input type="email" placeholder="ty@example.com">
フォームフィールド内にプレースホルダ（入力すべきデータを表す文字列）を表示する。
・<p contenteditable> aaa bbb</p>
ブラウザを通じてコンテンツをインプレース編集をする
CSS3について
:nth-of-type
→特定のタイプのn番目の要素をすべて検索する。
:first-child
→最初の子要素を検索する。
:nth-child
→先頭から数えて指定された位置にある子要素を検索する。
:last-child
→末尾から数えて指定された位置にある子要素を検索する。
:first-of-type
→指定されたタイプの最初の要素を検索する。
:last-of-type
→指定されたタイプの最後の要素を検索する。
続きはまた今度
HTML5＆CSS3実践入門 最新Web標準を使いこなす (The Pragmatic Programmers)
- 作者: ブライアンP.ホーガン
- 出版社/メーカー: インプレスジャパン
- 発売日: 2011/07/08
- メディア: 単行本（ソフトカバー）
そのなかで分からない単語などが沢山でてくるので
ここで自分用のメモを…
そもそもこの言葉を知らなかったw
フォールバック【fallback】（縮退運転）
HTML5においてーー新しい要素と機能
・<header>
ページまたはセクションのヘッダー領域を定義する。
・<footer>
ページまたはセクションのフッダー領域を定義する。
・<nav>
ページまたはセクションのナビゲーション領域を定義する。
・<section>
ページの論理領域またはコンテンツグループを定義する。
・<article>
記事又は完全なコンテンツを定義する。
・<aside>
二次的なコンテンツまたは関連コンテンツを定義する。
・カスタムデータ属性
data-パターンを使ってカスタム属性を任意の要素に追加する。
・<meter>
範囲内の量を表現する。
・<progress>
進捗をリアルタイムを示すプログレスコントロール
このバーのことプログレスバーっていうんだねw
プログレスバー
新しいタイプののフォームフィールド
・<input type="email">
電子メールアドレス用のフォームフィールドを表示する。
・<input type="url">
URL用のフォームフィールドを表示する。
・<input type="tel">
電話番号用のフォームフィールドを表示する。
・<input type="search">
検索キーワード用のフォームフィールドを表示する
・<input type="range">
スライダーコントロールを表示する。
・<input type="number">
多くの場合、数値用のフォームフィールドをスピンボックスとして表示する。
・<input type="date">
日付用フォームフィールドを表示する。
・<input type="datetime">
日付と時刻用のフォームフィールドを表示する。
・<input type="color">
色を指定する為のフィールドを表示する。
・<input type="text" autofocus>
特定のフォーム要素にフォーカスを設定する
・<input type="email" placeholder="ty@example.com">
フォームフィールド内にプレースホルダ（入力すべきデータを表す文字列）を表示する。
・<p contenteditable> aaa bbb</p>
ブラウザを通じてコンテンツをインプレース編集をする
CSS3について
:nth-of-type
→特定のタイプのn番目の要素をすべて検索する。
:first-child
→最初の子要素を検索する。
:nth-child
→先頭から数えて指定された位置にある子要素を検索する。
:last-child
→末尾から数えて指定された位置にある子要素を検索する。
:first-of-type
→指定されたタイプの最初の要素を検索する。
:last-of-type
→指定されたタイプの最後の要素を検索する。
続きはまた今度
web関連用語～初心者メモ１～ [学習メモ]
学習しておいたなかでの
メモしておきます。
・jQueryでの落とし穴
http://www.magical-remix.co.jp/magicalog/2009/07/07/catche-the-jquery/
そうCSSとJavaScriptの書く順番を間違えたらいかんよね〜
・Dreamweaverでのスニペット利用
http://katt79.jp/blog/2009/01/18/108.php
メモしておきます。
・jQueryでの落とし穴
http://www.magical-remix.co.jp/magicalog/2009/07/07/catche-the-jquery/
そうCSSとJavaScriptの書く順番を間違えたらいかんよね〜
・Dreamweaverでのスニペット利用
http://katt79.jp/blog/2009/01/18/108.php
