※当サイトの記事には、広告・プロモーションが含まれます。

2015-01-01から1年間の記事一覧

Transformicons  ~Animated icons, symbols and buttons using SVG and CSS~ アニメーションするアイコンを生成

『Transfomicons』を試してみる アイコンをクリックしたら、クリックされたアイコン自身がアニメーションするようなソースコードを自動生成してくれる『Transfomicons』。 ⇩ 下記サイトへ。 Transfomicons 『Builder』をクリックします。選択されると白くな…

WordPressで複数のcssファイル、jsファイルをそれぞれ結合(単一ファイル化)する

Webサイトをブラウザに表示するためには、Webサーバに『Webサイトを構成する htmlファイル(phpファイル) cssファイル jsファイル imgファイル 、などを格納したフォルダ』がアップロードされていて、且つ、このWebサーバに対して『Webサイトのデータを下さ…

position:fixedの固定ナビとjQueryのスクロール

グローバルナビなどをcssのposition:fixedなどで固定した場合、ページ内リンクさせようとする際に、リンク先でのズレや、jQueryのanimateを使ってのページ内スクロールなどが、固定したナビの高さの分だけズレてしまうようです。 対処の仕方として、cssで調…

WordPressでJQuery本体を変える際に

WordPressにはもともとjQueryの本体があるのですが、これを GoogleのCDN(Content Delivery Network)のjQuery本体 http://jquery.com/でダウンロードしたjQuery本体 などに変える場合、WordPressの管理画面内のjsで動いていた部分に不具合が生じるようです。 …

『NGN時代のSIP入門』を読んで

NGN(Next Generation Network、次世代ネットワーク)とは IP技術を用いて、これまでサービス別に構築されてきた固定電話と移動通信、通信と放送など、様々な情報通信サービスを1つのネットワーク上で融合する通信事業者のネットワークです。 回線交換技術を…

コンピューターのこと調べてみました

コンピューターの構成 CPU 記憶装置上にあるプログラムと呼ばれる命令列を順に読み込んで解釈・実行することで情報の加工を行います。 コンピュータ内での演算を行なう中心であり、CPUは通常はバスと呼ばれる信号線を介して主記憶装置や入出力回路に接続され…

BCP/DR(事業継続・災害対策)のレベル別処理  

BCP/DRの見本 富士通さんの場合の例 レベル1:テープにバックアップして別拠点に搬送 「テープはオフラインメディアなので、データ汚染の可能性が低い」 現在使われているLTO規格のテープおよび装置では、暗号化、改ざん防止(WORM)が可能であり、流通業な…

備えあれば、憂いなし ビジネスコンティニュイティ BC / business continuity / 事業継続

ビジネスコンティニュティ(BC / business continuity / 事業継続)とは? 災害や不祥事などの緊急事態が発生した際、特定の重要な事業(業務)を中断しないこと、または万一活動が中断した場合でも早期に最低限の機能から順次再開し、事業の中断によるロス…

『ENGINE=InnoDB DEFAULT CHARSET=utf8 ;』って何なのか?と思ったので

データベースによるデータ管理 | 東京大学グローバル消費インテリジェンス寄附講座 でMySQLのsql文の中に『ENGINE=InnoDB DEFAULT CHARSET=utf8 ;』って出てきたので気になって調べてみました。 InnoDB(イノデービー)はMySQLのためのデータベースエンジンで…

ブラウザごとにcssを変えたい IE11の場合(CSSハックで対応)

IE10、IE11ではコンディショナルコメントが使えないようです。 コンディショナルコメントとは? IE10からコンディショナルコメントを廃止 MicrosoftはIEの次期バージョンとなるIE10において「コンディショナルコメント」のサポートを廃止することを決定して…

ブラウザの対応に関して 『Modernizr』という相互運用性対策に特化したJavaScriptライブラリ

Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。 『Modernizr』でできること。 html5shiv ⇒ HTML5で追加された新要素をブラウザが認識でき…

PHP CakePHP(バージョン2.6.4)というフレームワーク

フレームワークがMVCの原則に従うことから、アプリケーションのほとんどの側面に於いてカスタマイズ・拡張が簡単にできるようになります。このフレームワークはファイル名からデータベースのテーブル名まで、基礎的な組織構造も提供し、アプリケーション全体…

PHP PDOオブジェクトとJavaScriptのajaxで掲示板風アプリ

XAMPPの中のMySQLデータベースサーバ(phpMyAdmin)にデータベース名『rensyu0508』のデータベースを作り、テーブル名『hitokoto』のテーブルを作る。 テーブル『hitokoto』 dispの値が『0』の時はブラウザに表示されないようにし、『1』の時はブラウザに表…

コマンドプロンプトの日本語設定 XAMPPのMySQLを使う場合

『XAMPP』フォルダの中の『Mysql』フォルダの中の『bin』フォルダの中の『my.ini』ファイルを開く。 my.ini ファイルの下記部分に赤字の部分を書き足します。 my.iniファイルの18行目あたり [client]character-set-server = utf8# password = your_passwordp…

PHP データベースと連携

XAMPP起動(『Apache』『MySQL』をStartさせる。) データベース『rensyu0508』を作りテーブル『hitokoto』を作成。 テーブル『hitokoto』 名前(カラム名) データ型 照合順序 インデックス A_I id int PRIMARY auto_increment name varchar(20) utf8-gener…

PHP 計算機アプリなど

計算機、例:1 keisan.php

PHPの考え方

DRYとは? Don't Repeat Yourself ⇒ 特にコンピューティングの領域で、重複を防ぐ考え方である。この哲学は、情報の重複は変更の困難さを増大し透明性を減少させ、不一致を生じる可能性につながるため、重複するべきでないことを強調する。 ・同じ処理が二度…

サイト作りで気をつけたいこと

テトラード配色とは ⇒トイザらスなどで使われている。 テトラード配色など、他にも5つの配色の仕方を紹介してくれてます。 ⇩ 配色について より細かな配色について 写真の人物は正面を向いているか、文章の方を向いているのが望ましい。 フォントを変える際…

デザイン レスポンシブに関してなど

フラットデザイン ⇔ リッチデザイン フラットデザインが今流行っている理由 データが軽くなる。 見やすい。 フラットデザインの色の傾向 色の彩度が抑え目。(グレーに近い。)⇒ 目に優しい。 最近は、分からないぐらいのドロップシャドウなどを付けて奥行き…

Sass インターポレーションなど

@extend ⇒ 継承(継承元のスタイルを引き継ぐ。) 例: style.scss .box1 { color: blue; background-color: white;} .box2 { @extend .box1; width:300px;} @mixin ⇒ ミックスイン(スタイルの集まりを作り、@includeで呼び出す。) 引数が使える。 例: st…

デザインのこと

コーポレイトサイト ⇒ 企業系サイトのこと(会社のイメージを売る) ECサイト ⇒ 品物の紹介メイン。商品を目立たせるために、背景や飾りは極力避ける。 キャンペーンサイト ⇒ 制約が少なく自由度の高い宣伝(広告)で費用対効果がはっきり測りやすい。 B to …

Sass 継承など

『オブジェクト指向』の『継承』という考え方でボタン作成。 rensyu.html <html lang="ja"><head><meta charset="UTF-8"><title>scssでボタン作成</title><link rel="stylesheet" href="style02.css"></head><body><ul><li><a href="#" class="foodButton yakiniku">焼肉</a></li><li><a href="#" class="foodButton gyouza">餃子</a></li><li></li></ul></body></html>

Sassの勉強

Sass ⇒ CSSのコーディング効率やソースコードの保守性を向上させる技術です。 Sassの特徴 変数$ 関数 入れ子(ネスト) ミックスイン Sassを使うにはRubyをインストールする必要があります。 Ruby ⇒ プログラミング言語の一種。 Python ⇒ プログラミング言語…

HTMLの勉強

テキストエディターでメモ帳があまり使われない理由。 文字コードが一致しない。 メモ帳のUTF-8で保存すると、バイナリーモードで見ると、BOMと呼ばれるものが勝手に入ってしまう。 BOMはphpなどの記述でエラーが起こる原因になる。 メモ帳はUTF-8N(BOMを回…

色のおはなし

色は文化や人種、性別によって印象が変わってきます。 赤・白・黒の組み合わせで連想されるもの ヨーロッパ ⇒ ナチスとか アメリカ ⇒ コーラとか 暖色 ⇔ 寒色 履歴書には寒色(青色)を使う傾向が高い。 配色の決め方 ベースカラー ⇒ 背景。メインカラーの淡…

オリンピック五輪マークをIllustratorで

『楕円形ツール』でShiftを押しながらドラッグで正円を作る。 Ctrl + Cでコピーし、Ctrl + Fで全面ペーストし、Alt + Shiftを押しながらドラッグで小さい円を描く。小さい円は塗りを無しにする。 最初の大きい円は塗りだけじゃなく線(白色で太さ3pxぐらい)…

Illusutratorの勉強

Illustratorの大きな特徴は、 ベクター画像(Photoshopはビットマップ画像)ということとパスで操作するということと拡張子がaiということがあげられます。 ベクター画像 ベクター画像とは ⇒ 座標を指定して点や直線、曲線などを描画したもの。ベクター画像…

FireworksというAdobeのソフト

デザインで文字を並べる場合には見えない箱(今回は黒い線で囲みましたが)に収まるようにして仕上げると、良い感じになるようです。 写真に文字を載せるときには、文字の後ろに背景の色をスポイトで取った色の『光彩』をつけて上げると文字が見やすくなる。…

休む日と書いて休日なので

有意義な休日の計画を事前に立てたとして、それがその通りに実行されるという道のりには、様々な困難や障害、誘惑、などが立ち塞がるわけで、人はここにきて考え、 『なんとか事前の計画通りに推し進めようとする何が何でも初志貫徹でしょ』、 『そもそもの…

ECサイト カートに入れるとこまで(ただし、セキュリティー対策は全くできてません、あとデザインも)

PHP

Xamppを起動して、『Apache』,『MySQL』をstartし『MySQL』のAdminをクリック。 データベース『suzuEC』を作成し、テーブルを4つ作ります。テーブルを作ったら『挿入』を使ってテーブルに情報を入力していきましょう。『SQL』でinsert文でも情報は入力できま…