2013-01-01から1年間の記事一覧
Raspberry Pihttp://ja.wikipedia.org/wiki/Raspberry_Pi
linuxコマンド cdコマンド lsコマンド cdコマンド ディレクトリを移動するコマンド # cd home/sample1 |< home直下のsample1フォルダに移動する <p class="style">補足</p> 指定したディレクトリに移動する。directoryは相対パス、絶対パスのどちらでも指定できる。また、ディレク…
linuxコマンド cdコマンド lsコマンド cdコマンド ディレクトリを移動するコマンド # cd home/sample1home直下のsample1フォルダに移動する補足指定したディレクトリに移動する。directoryは相対パス、絶対パスのどちらでも指定できる。また、ディレクトリの…
ruby on rails image_tagで画像を表示する image_tagで画像を表示する 画像を表示する <%= image_tag('xxx.jpg', :size => '120x65', :alt => 'ALT属性の文字', :align => 'center', :border => 0) %> 画像リンク <%= link_to image_tag('xxx.jpg', :alt => …
ruby on rails ruby on rails Rubyにより構築された、Webアプリケーション開発のためのフレームワーク。 単に「Rails」と呼ばれることもある。デンマークのDavid Heinemeier Hansson氏によって開発され、 オープンソースとして公開されている。特にデータベ…
jQueryのコンフリクトを防ぐ記述 実行したいスクリプトを(function($) { ※ 中略 ※ })(jQuery);で囲む この記述をすれば、他のJSライブラリーを利用している場合にコンフリクトを防止出来る。 (function($) { jQuery.event.add(window, "load", function(){ ※…
javascriptでformをsubmitする javascript:document.forms[0].submit() javascriptを使用してformの内容をsubumitする。 以下の2つのコードは意味的には同じ 通常のフォームでsubmitボタンを作成した場合 <form> * * 省略 * * <input type="submit" value="送信"> </form> document.formsを使用した場合 <form> * *</form>…
IE9対策 form要素をp要素で囲むとスタイルが効かなくなる IE9対策-form要素をp要素で囲むとスタイルが効かなくなる <p><form>〜〜〜</form></p> ※IE9ではformタグをp要素で囲むと、認識されなくなりformを親としたセレクタにスタイルが効かなくなる。
三項演算子 三項演算子 三項演算子-はてな(?)コロン(:) if文と同じことが可能 echo ($test == 'test') ? 'yes' : 'no'; ※($test == 'test')部分がtrueであれば'yes'、falseであれば'no'を返す。
truncate truncate 指定の文字数で文字列を切り捨てる(truncate) {$変数名|truncate[:文字数]} デフォルトでは80文字で切捨てを行います。1番目のパラメータで切り捨てる文字数を指定できます。 {$変数名|truncate[:文字数[:付加する文字列]]} 字が切り捨て…
テンプレートを作成 テンプレートを作成 テンプレートを作成する joomla!の自作テンプレートを作成する場合には以下の構造が必須 参考サイト※joomla!公式ドキュメント(英語のみ) 構造 簡単に説明すると以下の4項目が必要となる スタイルシート phpファイル(…
Joomla!2.5チュートリアル
Joomla!2.5チュートリアル 見栄えより中身が大事!- 記事とメニューを作成する 見栄えより中身が大事!- 記事とメニューを作成する 記事管理の基本を知る カテゴリを管理する カテゴリを作成する 記事を管理する 記事を作成する 記事をコピー(移動)する メニ…
Joomla!2.5チュートリアル サイトのデザインを簡単にチェンジ!-テンプレートを利用する 色んな情報を表示する小さな窓-モジュールを設置する サイトのデザインを簡単にチェンジ!-テンプレートを利用する テンプレートとは? デフォルトのテンプレートを切…
Joomla!2.5チュートリアル はじめの一歩-基本操作と設定 フロントエンドとバックエンド フロントエンドをオフライン(メンテナンスモード)にする タイムゾーンを設定する META要素を設定する プロファイル(プロフィール)を設定する メールサーバーを設定…
joomla!をXAMPPにインストール joomla!をXAMPPにインストール手順 最近業務でjoomla!を触ることが今後増える為、自宅のPCにも環境を設定しました。 「joomla!PC」を使う選択肢もありましたが、今回はあえてXAMMPにインストール。参照ページ→Joomla!3.xチュー…
float floatを使ったレイアウト 今まで、普通にfloatを使用していたが、実際実務で使用すると うまくいかないことがあったので、改めて復習。要点 floatさせる場合は幅を指定する(以前の復習) インラインレベル要素の場合はブロックレベルに 「span.s1」で[f…
JoomlaPCの使い方 JoomlaPC 自分のパソコン上でJoomla!を動作させる事ができるソフトウェア。ダウンロードして実行するだけで直ぐにJoomla!が使えるようになり、またUSBメモリなどに保存すれば、Joomla!の環境をまるごと持ち運ぶことも可能。 ※Windowsのみで…
svn joomla!の道しるべ joomla!の道しるべ joomla!についてチュートリアルなどで解説をしている、日本では数少ないjoomla!の情報ページ
svn svnを使う svn svn→【Subversion】サブバージョン※e-words参照 CollabNet社が開発したオープンソースのバージョン管理システム。複数の開発者が共同で一つのソフトウェアを開発する際などに、ソースコードやドキュメントを管理するのに用いられる。CVS(C…
Joomla Joomla 海外を中心に多くのユーザが利用しているCMSで、日本では少ないそうです(情報も少ない)、 日本ではJoomla!じゃぱんがサポートをしているそうです。joomlaの管理画面↓
ZENBACKを追加する ZENBACKをはてなダイアリーに追加する ZENBACKで無料登録する ZENBACKを表示させたいブログを登録したら、スクリプトコードを取得する※赤丸部分 はてなの管理→デザイン→ページのフッタ部の一番上にコードを追加する 表示結果を確認↓
検証ツールを追加 検証ツールをブログ上部に追加 以前より、以下の検証ツールをどの状況でも使えるようにブログ上部に貼り付けておきたいと思っていたので、今回実施。 「HTMLの検証:The W3C Markup Validation Service」 「CSSの検証:CSS Validation Serv…
URLを一括で変更可能なプラグイン Search Regex wordpressで投稿や固定ページのURLを一括で変更したい場合に便利なプラグインです。 本来は文字列を変換してくれるものなので、タグの一括変更などにも使えます。 設定ページ
JPEG画像を圧縮 JPEGmini JPEG画像をWEB上で圧縮してくれる、便利なサイトです。
授業内容 学習項目 修了式 修了式 本日5月15日半年間の職業訓練を無事修了しました。 同じ訓練を受講していた皆さん、並びに先生方や学校関係者の皆さんお世話になりました。 この訓練校で訓練を受講して本当に良かったと思ってます。 ありがとうございまし…
授業内容 学習項目 wordpressでポートフォリオサイトを作成 wordpressでポートフォリオサイトを作成 背景画像を動かす JavaScriptを利用して背景画像を動かす。 ※赤丸部分の背景画像をスクロールの度に右へ動かす。 divを作成してそこに表示させる※今回はfoo…
授業内容 学習項目 wordpressでポートフォリオサイトを作成 wordpressでポートフォリオサイトを作成 WEBデザインのポートフォリオ WEBデザインのポートフォリオ作成中のポートフォリオサイトを公開しました WEBデザインのポートフォリオサイトです。 WEB制作…
授業内容 学習項目 wordpressでポートフォリオサイトを作成 wordpressでポートフォリオサイトを作成