ホームページ制作のヒント その2 「無料のエディタと無料のテンプレートを利用」

PCの操作ができて、WEBサイトのことが理解できている場合には、無料ソフトや無料で利用できるテンプレート（ひな形）を利用して格安でホームページを作成できます。
まず、HTMLやスタイルシートを操作するソフトですが、無料で利用できるKompoZerがおすすめです。
Kompozerはその源流があのNetScape Navigaterです。いわゆる「ネスケ」です。今はブラウザがFirefoxになり、メールクライアントがThunderbirdになっています。ネ スケにはHTMLを編集できるCompposerというパーツがありましたが、これがオープンソースソフトとしてKompoZerになっています。


ホームページ制作のヒント　その2 「無料のエディタと無料のテンプレートを利用」

ご参照ください。

習志野システム

いよいよ本格的に活動開始しました。

システム開発がメインなのですが、まずはWordPressをカスタマイズして企業向けのサイトを構築するサービスを開始します。

LAMPは理解できていますし、PHPで書かれているWordPressはとても理解しやすいのです。

WordPressのコードをじっくり読んで、参考資料をあさっていますが、すごく高機能なCMSです。
昔はインストールするのにも結構苦労したのですが、今やほとんどのレンタルサーバーで簡単にインストールできます。

MTが下火なのに比べればWordPressの躍進は目を見張るものがあります。

もし、お時間があれば覗いてください。

http://www.narashino-sys.com/

ホームページ制作のヒント その１ 「自分で作ってみる」

ホームページ制作のヒント　その１　「自分で作ってみる」

自社サイトでコラムを書き始めました。よろしかったら読んでください。

手打ち派

私は関西の出身なので、麺類はうどんが好きです。
関東地方（あえて地方を付ける）でもうまいうどん店でしかもお手軽な値段でコシのあるうどんがいただけます。うれしいことです。また冷凍食品も技術革新の賜物か、驚くほどうまいうどんがあります。
うどんの話はさておき、私は開発のほとんどをテキストエディタで「手打ち」しています。WEB開発を行う場合RDEと言って開発ツールを使った方が効率が良いし、HTML/CSSはDreamweverなんかの方が良いのですが、手打ちにこだわっています。
理由なのですが、開発ツールや便利なソフトを使いなれてしまうと、それらがないと仕事ができなくなることを恐れています。
その点、手打ちですべてのコードを自分で書いていると、いざとなったらメモ帳さえあれば何とかなりますし、UnixやLinuxの環境でGUIが無い場合でもViを使えば何とかなります。
Windowsのメモ帳では機能が限られていますので私はフリーのUnEditorというソフトを利用しています。
5~6年毎日使っていると、所謂「手になじむ」のです。　いい包丁を使っている感覚です。本当に助かります。（逆に、このソフト以外のエディタだと、効率が落ちます。そういう意味では怖い現象です。）

UnEditorの画面。


以下のサイトから入手できます。
http://www.yokkasoft.net/

hit the road

このブログのタイトルは「hit the road」。
　
訳すと「出発する」とか「立ち去る」という口語英語なのだが、ニュアンスとしては。「さあ！行くぞ！」的な元気なフレーズ、ポジティブなフレーズだと思う。


自分自身を振り返ってみると、ここ８年ほど「お休み」的な生き方をしてきたと思う。それまではいわゆる「イケイケどんどん！」な「２００％ポジティブ・シンキング」な生き方だった。体を壊したとか、いろいろな言い訳を言ってきたが、精神的なものがダメだったと自分は気付いていた。

人の縁とは不思議なものだ。
半年前にある方と出会い、その方の仕事を手伝うようになり、眠っていた何かが蘇ってきた。

もう一度、自分自身に対してチャレンジしようと決めた。

決めた以上、中途半端なやり方は性に合わないので、思い切って仕事を辞めた。退路を断ちきり、言い訳を封じて取り組むことにした。


20年ほど前に起業した時もそうだったが、最初の3か月、最初の6か月、最初の1年が一番きつい。

ビジネスが離陸できるのか？
離陸しても上昇出来るのか？　
上昇して安定な高度までたどり着けるのか？　

燃料には限りがある。バーンアウトしたら墜落。

決めたからには、「やるしかない」

ajaxzip3

郵便番号より住所を自動入力

https://code.google.com/p/ajaxzip3/

便利です。

全角スペース（空白）を取り除く

以下。

$str = preg_replace('/(\s|　)/','',$str);

サイト作成時のHTMLベースを一瞬で準備 Initializr

WEBサイト構築に、毎回必要なHTML、CSS、画像、Javascript 等の初期ファイル群一式を自分で準備していて、それをベースに作り始める方も多いかと思います。
それをWEB上でパッと準備してくれるサービスが「Initializr」です。


http://www.initializr.com/

「発明ラボックス」様のサイトのお手伝いをしています

地元志向でこのビジネスを開始したのですが、ご縁がありまして、「株式会社　発明ラボックス」様とお取引を開始させていただきました。

メインサイトは優秀な若手デザイナーさんが手がけました。当社はサイトの一部のシステムの開発をお手伝いしました。



当社で開発しましたのは、「アイデアご意見隊」というシステムです。

株式会社　発明ラボックスの松本奈緒美社長は超有名なカリスマ主婦発明家です。ＴＶや雑誌にも頻繁に登用して、あのタモリさんの「いいとも」にも２度出演されています。


「企業の困りごと、開発の悩み」を「市民発明家」のアイデアで何とか解決したいという、松本社長の熱い思いに共感して開発案件の対するアイデアを投稿するサイトを作成しました。（笑点の「大喜利」方式です）

有償で顧問契約をいただいた「クライアント」様がアイデアを募集します＝＞「プロジェクト」

アイデアご意見隊としてユーザー登録した「クルー」さんが「プロジェクト」に対してさまざまな提案を行います。

出てくるアイデアは本当に多岐にわたり、かつユニークです。

企画開発部門のマンパワー不足な会社には外部のブレーンができたようなものです。
しかも、「発明が大好きな人たち」ばかりですから、アイデアが次から次へと出てきます。

アイデアを出す「クルー」さんにとっても、アイデアが商品化されロイアリティ収入がもらえるチャンスがあります。

発明やアイデア自慢の方！一度覗いてみませんか？

クルー登録は完全無料です。

http://hatsumeilabox.com/

世界一、簡単に設置できる郵便番号検索 ajaxzip3

便利なスクリプト

郵便番号を検索して住所を入力する。

http://code.google.com/p/ajaxzip3/

FCKEditorのIE9, IE10での問題

恐れていましたが、やはりIE9、IE10、IE11でFCKEDITOR動作しません。

強制的にIE8をエミュレートする方法が紹介されていました。

http://www.geeklog.jp/article.php/20130731113233560

https://code.google.com/p/geeklog-jp/issues/detail?id=188

解決方法：
header.thtmlの <head>タグと</head>タグの間に、以下のタグを追加します。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

修正できますが、こんどはレスポンシブデザインに対応できなくなります。

ここは妥協するしかありません。

泣き

<追記>

ファイルマネージャで画像をアップロードしようとすると、また内容が表示されません。

うう...

結局、力技ですが、

fckeditor\efitor\filemanager\browser\default\browser.htmlの<head>～</head>にも

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

を挿入して解決しました。

これって有りなのかな？？

FCKeditorで画像をアップロードするディレクトリを動的に変更する方法

http://chichi.cocolog-nifty.com/ammonite/2009/03/fckeditor-94d3.html

この方の考え方いいです。PHPを知っているなら、「なるほど、ガテンだ」

引用：
フォームにFCKeditorを組み込むことになったんだが、画像のアップロードをすると、こいつはファイルブラウザーみたいのが起動して（サー バーブラウザーか）アップロードした画像の一覧ができたり、保存先に新規ディレクトリ作ったりできるんだが、ログインして使う会員制のサイトなので、この 保存先が同じだと困る。
ログインした時のユーザーIDなり、固有の値が名前に入ったようなディレクトリに各自保存してくれなきゃ困るって訳だ。
で、どうやろうかと。
大体フォーラムとか見ても、
/editor/filemanager/browser/default/connectors/php/config.php
というファイルがあって、その中の
$Config['UserFilesPath'] = '/xxxxxx/' ;
という部分をコメントアウトして、別途設定しろ、みたいに書かれてる。
普通に考えたらフォームを表示するページのFCKeditor部分に、
oFCKeditor.Config['UserFilesPath'] = '/yyyyy/';
と、別のパス、動的なパスを設定すればいいはずだと思うと思う。つーかそれでなきゃ、configの意味がないと思うが。。
が、これが全く動かない(^^;　誰かが書いてたが、恐らく読み込まれてないね。
っつーことで結論は、$_SESSIONを使う。
ログインしてるユーザーのIDがセッションに入っているとして、config.phpの
$Config['UserFilesPath'] = '/xxxxxx/' . $_SESSION . '/';
と合体。config.phpの一行目に
session_start();
を書くのを忘れないようにしましょう。

ボタンジェネレータ「As Button Generator」

画像加工で時間短縮できます。

手軽にきれいなボタンが作成可能。

http://jirox.net/AsButtonGen/

jQueryプラグインのスライドショー「camera」

以下のサイトが大変参考になりました。

http://sterfield.co.jp/designer/%E4%BB%8A%E3%81%BE%E3%81%A7%E3%81%A7%E4%B8%80%E7%95%AA%E9%AB%98%E6%A9%9F%E8%83%BD%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%AA%E3%81%84jquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE.html

FCKeditor 久々にいじってみた

何度も利用したことがあるのですが、久々に組み込んでみた。

本家の方はどんどんバージョンアップしていくが、ファイルマネージャが有料なので、フォークした日本版を使う。　メンテナーのかたはおひとりで奮闘されています。感謝です。

http://sourceforge.jp/projects/fckeditor/

エディタの高さがうまく調節できなかったのでですが、結局全画面で編集すれば済みます。

ツールバーもたくさんありすぎるので、カスタマイズします。

PHPでのページング処理のサンプル うまく動作した

http://9jp.info/archives/11154

この方が作成されたクラス、うまく動作しました。
なかなかセンスがいいですね。

GD で png 画像を透過、リサイズ

http://yoo-s.com/topic/detail/388

function resize_image($org_path, $new_path, $to_width, $to_height) {

    list($org_width , $org_height) = getimagesize($org_image_path);

    $src_image = imagecreatefrompng($org_path);

 

    $rate = 1;

    if ($org_width > $org_height) {

        $rate = $to_width / $org_width;

    } elseif ($org_width < $org_height) {

        $rate = $to_height / $org_height;

    } else {

        if ($to_width > $to_height) {

            $rate = $to_height / $org_height;

        } else {

            $rate = $to_width / $org_width;

        }

    }

    $to_width = $rate * $org_width;

    $to_height = $rate * $org_height;

 

    // 再サンプル

    $new_image = imagecreatetruecolor($to_width, $to_height);

    imagealphablending($new_image, false);

    imagesavealpha($new_image, true);

 

    imagecopyresampled($new_image, $src_image, 0, 0, 0, 0, $to_width, $to_height, $org_width, $org_height);

 

    imagepng($new_image, $new_image_path);

 

    imagedestroy($src_image);

    imagedestroy($new_image);

}

 

 

png 透過の手順は、
(1) imagecreatetruecolor() で画像作成
(2) imagealphablending(), imagesavealpha() でアルファチャンネルの作成
(3) imagepng() で画像の書き出し

リサイズの手順は
(1) getimagesize() で取得したサイズ配列から
(2) 比率を計算（サンプルの計算はちょっとあやしいかも）
(3) imagecopyresampled() でリサンプリング

COLOR

CMSV5 Color scheme Combination:TRIAL 02

No	color	Code	Dark	Bright	Code
001	xxx	A60000			DB853B
101	xxx	A64A00			DB853B
201	xxx	A66F00			DBA53B
301	xxx	A68A00			DBC03B
401	xxx	A6A600			DBDA3B
501	xxx	679B00			98CB37
601	xxx	008500			2FAF2F
701	xxx	006064			248581
801	xxx	06276F			325192
901	xxx	1F0772			3714B0
A01	xxx	48036F			6E2D92
B01	xxx	85004B			AF2F78

CMSテンプレートサンプラー

CMSテンプレートサンプラー

マウス オールド・アンド・ニュー

久々にマウスを買った。（写真の青い方）

買ったPCについてきたマウスが小さくて操作しづらいので、大きめのマウスを買ったのだが、まだしっくりこない。

長年使用してきたマウス（写真のグレーの方）はDynaook G6という当時はDynabookの最高ランクモデルで確か30万円近くしたノートPCですが、これに付属していたマウスです。これが、とても使いやすいというか、自分の指の長さに合っているのか10年近く使用していました。しかし、こんなに愛着のあるマウスがある日突然壊れるかもしれないと思うと、これは取っておきたくなり、新しいマウスを買ったのです。

一つのマウスを使い続けると、指にくせがついてしまうみたいです。新しいマウス、特にホイールを動かすのに違和感があり、1日使用していたら肩がこってしまいました。慣れるしかないのかなと思っています。