フレッシュブログ | ホームページ制作　CSS+XHTMLコーディング代行のFresh Creative

フレッシュクリエイティブブログ

sublime text 3 置換などでタブを開きすぎてフリーズする問題2015.06.05

最近ではコーディングソフトをsublime text 3（メイン）、dreamweaver（サブ）って感じで使い分けて作業しています。

今回あった事件はsublime text 3で置換をする際に、
置換を開始するとファイルを全てしまうため大量のファイルを一度に開いてしまい
そのままフリーズしてしまうということがありました。
（1000個くらいのファイルを置換するとタブを1000個開こうとしてフリーズしてしまったようです。）

また、sublime text 3は一度アプリを終了しても、
再度アプリを立ち上げた際にアプリを終了した状態から開始する仕様になっているので
アプリを立ち上げてもタブを1000個読み込み始めて、何度もフリーズする。。

アンインストールをしても
■ユーザーファイル
■パッケージなど
は別の場所に残っているので
入れ直しても変わらない。

なので下記場所にユーザーファイルがあるので
別の場所にコピーし、フォルダごと削除すると初期の状態になる
あとはパッケージを上書きして元通りって感じです。
下記がユーザー設定の場所になります。
Windowsはフォルダパスにコピペすればたどり着くはずです。
Sublime Text 3 can be reverted to a freshly installed state by removing your data folder. Depending on your operating system, this folder is located

OS X: ~/Library/Application Support/Sublime Text 3
Windows: %APPDATA%\Sublime Text 3
Linux: ~/.config/sublime-text-3

自分と同じ環境と同じ問題になる人は少ないでしょうが、
同じ状況で困っている人が出る可能性があると思ったのでログ残しときます。

カテゴリー: Day in the life, Good tools, Other | コメントをどうぞ

iPhone 6 plus でbox-shadowが効かない。。2015.04.17

バグなのかなんだかわからないのだけど。
iPhone 6 plus （safari）でbox-shadowが効かない。。

ul li{
width:96%;
height:auto;
float:left;
box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-webkit-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-moz-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
margin:0 0px 20px;
}

効かない。

border-radius: 1px;
を追加

↓↓↓↓↓↓↓

ul li{
width:100%;
height:auto;
float:left;
border-radius: 1px;
box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-webkit-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
-moz-box-shadow:rgba(222, 222, 222, 0.4) 0px 1px 3px 2px;
margin:0 0px 20px;
}

効いた。

なんで効いたかって？
ふふふ。。。知らないよ。。。。。

カテゴリー: Day in the life | コメントをどうぞ

特定の時間で表示を変更させる　javascript2014.12.10

久々の更新です。

クライアント様から相談で数十パターンの表示を4分ごとにループさせたいというご要望があり、
少し調べ悩んでいました。

①クッキーを取得して、そこからループの記載をする。
②getで時間を直書きしていく。

クッキーに関してあまり時間と知識がないので②で実装
まずは見てる人の時間を取得
h = (new Date()).getHours();
m = (new Date()).getMinutes();

あとは時間指定をしてあげるだけ

if((h >= 1) && (h < 2) && (m > 0) && (m < 4)) document.write(‘<div>おぅいぇ～</div>’);

1時～2時の間で更に0分～4分の間だけ【おぅいぇ～】が表示される
※かなりゴリ押し。。

ただ、24時間　x　15パターン（60/4なので）　＝　360パターン。。
ジーザス。。。たぶん。もっとスマートな方法があるだろう。。

まぁこんな感じで検証しました。

できる人は常に変化できる人
気を抜かず努力を日々怠らないことが大事ですね。

写真はよく行くバーで頼んだ「脳内出血」というオリジナルカクテル
うまいっす

寒さも増してきましたね。
皆様お体ご自愛下さいませ。

カテゴリー: Javascript (jquery), Other | コメントをどうぞ

【MT】特定のカテゴリーを記事ブログへ反映　（複数ブログ）2014.04.20

久しぶりの更新になります。

複数のブログの同じ名前のカテゴリーを
ブログ記事テンプレートに反映するというお題があり、
対応内容を下記に残します。

通常だと

<mt:EntryCategories>
<mt:IfIsDescendant parent=”カテゴリー１など”>

<$mt:EntryCategory setvar=”hoge”$>
//（ここで現在投稿されているカテゴリーを取得）

<mt:Entries catgeory=”$hoge”>
//（catgeory=”$hoge”にて出力制限）
出力内容
</mt:Entries>

</mt:IfIsDescendant>
</mt:EntryCategories>

と、まぁこんな感じだと

■カテゴリー１
・サブカテゴリー１
・サブカテゴリー２
■カテゴリー２
・サブカテゴリー１
・サブカテゴリー２

【カテゴリー１】内の
指定したカテゴリーのみの一覧を取得できます。

もし■カテゴリー１→サブカテゴリー２に属する投稿記事なら
サブカテゴリー２のみのリストを出力することができます。

上記の内容だと

<mt:Entries include_blogs=”2,5″ catgeory=”$hoge”>
と複数のブログをインクルードするだけでOKじゃないかと思いますが、無理です。

<mt:Entries include_blogs=”2,5″ catgeory=”カテゴリー１”>
などとすると複数ブログも行けるので、、ん？なんでよ？と思いながら苦戦してました。

また、<mt:EntryCategories> に関してはブログのインクルードタグは適用されないので、こちらにインクルードタグをつけても動作しません。

困った。。。。。。。。。。。。

で作りました。

<mt:SetVarBlock name=”EntryCat” strip_linefeeds=”1″>
<mt:EntryCategories>
<mt:IfIsDescendant parent=”カテゴリー１”>
<mt:CategoryLabel>
</mt:IfIsDescendant>
</mt:EntryCategories>
</mt:SetVarBlock>

<mt:If name=”EntryCat”>
<mt:Entries catgeory=”$EntryCat”>
//（catgeory=”$EntryCat”にて出力制限）
出力内容
</mt:Entries>
</mt:If>

とすると解決できました。

要はSetVarBlockにてカテゴリー名を取得し適用させるだけ
<mt:Entries include_blogs=”2,5″ catgeory=”カテゴリー１”>
とロジックは同じですね

<mt:If name=”EntryCat”>
にて囲ってあげるとそのカテゴリー以外の場合は出力しないと分岐もできるので更に良いかと思います。

関連カテゴリーみたいな扱いもできるし、
ある条件でリストを表示させたい場合に活用できるでしょう。
結構こういう条件定義はレアですが参考までです。

関連記事を結びつけることができるプラグイン
りれいてっどかてごりー（relatedcategory）というプラグインもあるようですが、
今回の事例はすでにこのカテゴリーを関連記事として使っており、
かつシリーズものとして別に関連記事を出力したいという事例でした。

以上

PS.
結婚し、子供も生まれて更に
仕事に、
家庭に、
育児に
精進してまいります。

今後とも宜しくお願い致します。

カテゴリー: Day in the life, Movable Type, Movable Type (category) | コメントをどうぞ

ワードプレス　【ビジュアル】【HTML】ボタンが切り替わらない不具合2013.05.23

ワードプレスの投稿画面では【ビジュアル】【HTML】のボタンを切り替える事ができます。

簡単に言うと
■ワード感覚で投稿できるビジュアル
■タグ知ってる人用のHTML
と切り替えることができる

今回ワードプレス3.5くらいかな？より以前のワードプレスのバージョンアップの際に発生した不具合について説明します。

バージョンアップした際に【ビジュアル】【HTML】のボタンを変更・切り替えすることができなく、ビジュアルのままになってしまう不具合がありました。

調べたところ、
wp-content/plugins/ps-disable-auto-formatting/js/280/ps_editor.js

ここのファイルが読み込みでエラーをだしていました。

このあたりのJSの内容がバージョンアップと共に書き換えられてしまい？
又は、古いままだったかな。。
ともあれ上記のJSを古いバージョンの内容のものに書き換えると正常に切り替えられました。

やはり古いワードプレスだとセキュリティが甘くなり、（攻撃者が強くなってる）こともありバージョンアップは必須になると思います。また、adminというよくあるユーザー名も今簡単にアカウントに入られてしまうかも？。。。らしいです。

まぁ気になる方は気軽にお問い合わせ下さいませ。

カテゴリー: Word Press | コメントをどうぞ

メディア掲載というか、サイトに掲載していただきました。2011.10.04

メディア掲載というか、サイトに掲載していただきました。
これからも日々精進し、世のため、人のために活動していけたらと思います。

http://www.ozidesignworks.com/designer-introduction.html

髪の毛変だよというご意見もいただきました。　笑
日々勉強し、向上していき、沢山の方々とお仕事を共にしていけるよう
頑張ってまいります！

カテゴリー: Day in the life | コメントをどうぞ

フラッシュが見えないiPad,iPhoneサイトへの動画設置　PCとの分岐2011.09.05

iPADやiPhoneなどでサイトのフラッシュが見れないですね。
だったら！pcにはPC用のタグを用意して、iPadやiPhoneではiPadやiPhone用のタグを用意して分岐させるのもいいのかなと。。というわけでリファランス

構成は
iPad,iPhone用CSS　css/ipad.css
└（.pc{display:none;}.ipad01{display:block;}）
PC用CSS　css/styles.css
└（.pc01{display:block;}.ipad01{display:none;}）
└通常のサイトCSS

こちらをhead内に読み込ませればOK
<link rel=”stylesheet” type=”text/css” href=”/css/main01.css” />
<link rel=”stylesheet”media=”only screen and (max-device-width:1024px)” href=”/css/ipad.css” />
※これはipad,iphoneのみ適用されるCSSの記述。

これで
<p class=”pc”><a href=”http://www.yahoo.com/”>yahoo</a>
<p class=”ipad”><a href=”http://www.google.com/”>google</a>
とすると

PCではヤフーへのテキストリンク
ipad,iphoneではグーグルへのテキストリンク
が表示される

分岐というよりは、ただの切り分け表示ですね。

もっとスマートなやり方があると思うがとりあえず
窮地に立って出たアイデアでした。

カテゴリー: Day in the life, Other | コメントをどうぞ

ツイッターをｊQueryでカスタマイズ2011.07.14

jsonというのを使ってツイッターのタイムラインを読み込み
さらにJSにて日付を追加し、奇数と偶数のラインわけをし、
ホバー時に、さらにクラスを与え、色を変化させています。

デモページ
http://www.fresh-creative.jp/script-test/twitter-json/

CMS入れたけど更新が大変、という人とかには、もうつぶやいちゃってください！
なんて提案もよさそう、だって楽に情報配信できるしね。
かえってウェブ専属の担当者などがいない一般的な企業はこの方が楽なのかもしれない。

参考まで

カテゴリー: Javascript (jquery) | コメントをどうぞ

【movable type】携帯サイトをつくる際に必要な画像リサイズプラグイン2011.07.08

ブログ記事などに写真をアップする際に、自動的に画像のwidth(横幅) height(高さ)の上限を指定し、それ以上のピクセルサイズの画像が入った場合、指定したサイズへ自動的にリサイズしてくれるプラグイン。

ResizeImage – MovableTypeプラグイン

まぁ昔からあったのですが、Movable Typeでガラケー、スマホサイト作る際にマストなプラグインかなと思っています。他にも携帯サイト作る際にマストなプラグインはありますが、秘密です。ちょこちょこ紹介していきます。

テストでこのブログをスマホバージョンで書きだそうと思ったら、、、これwordpressで作ってた！！！＞＜　あたし、おばかちゃん！

写真↓
いや、、意味はあってないことはないけど。。解釈が違う。。。

カテゴリー: Movable Type, Movable Type (plug-in) | コメントをどうぞ

スライドショーと流れるリンク文字の組み合わせ(jQuery)2011.07.06

ちょっとした要望があり、jQueryベースのスクリプトを使い、機能面を検証したもののご紹介

使用したスクリプトが下記の通りである。
・背景画像が時間指定で流れる（リンクも追加可能）
・流れる文字（<Marquee>）みたいなもんですね。（各ライン速度変更可能）
・IE6への透過PNG用のスクリプト（google）
スクリプトの配布先はデモページあります。

デモページ

ソース見てもらえれば大体分かると思います。
デモページに栗にアスパラが刺さった画像がありますが何も聞かないでください。

カテゴリー: Javascript (jquery) | タグ: jQuery | コメントをどうぞ

htmlでphpを実行させる（レンタルサーバー会社数社）2011.06.06

ウェブサイトのリニューアルの際などで元々あるファイル名の変更はページランクや検索エンジンからの評価もなくなってしまう可能性が高いので、ある程度はさけたいところですね。
まぁSEOの基本的なところではありますが、、

レンタルサーバー会社各社でファイルの拡張子が、.htmlの状態でPHPスクリプトを実行させたいときの覚え書き。ちょこっと自分で調べてみました。

下記を.htaccessファイルに追加するだけです。

xserver エックスサーバー
—————————-
AddHandler x-httpd-php .html
—————————-

さくらインターネット
—————————-
AddType text/x-server-parsed-html .html
—————————-

ロリポップ
—————————-
AddHandler php5.2-script html
—————————-

WADAX
—————————-
AddType application/x-httpd-php .htm .html
—————————-

Xbit
—————————-
AddType application/x-httpd-php .htm .html
—————————-

XREA (エクスリア)
—————————-
<FilesMatch “^index.html$”>
ForceType application/x-httpd-php
</FilesMatch\>
—————————-
（AddType application/x-httpd-php .htmlでもいいが、サーバーに負担がかかるらしいので上記推進）

カテゴリー: Day in the life, Other | コメントをどうぞ

不在のお知らせ5月23日～6月3日2011.05.20

このたび、5月23日～6月3日まで知人の結婚式のためアメリカに行ってまいります。

帰国後初のアメリカなので楽しみです。
思えばウェブ制作のお仕事に携わってはや5年、
時がたつのは早いですね。笑

一応メールくらいは確認できる端末は持ち歩いているので、
緊急がございましたらendo@fresh-creative.jpにご連絡下さい。

カテゴリー: Day in the life | コメントをどうぞ

4月1日2011.04.01

成田空港に電脳硬化症の森の妖精獣トトロを探しにきました。

攻殻迷彩とGPSで秘密の小道を発見したのでもうすぐ会えそうです。

thats right.
today is April fool.

攻殻機動隊ネタです。

Have a sweet day.

カテゴリー: Day in the life | コメントをどうぞ

サバの水煮にお酢とわさび2011.03.01

仕事も少し落ち着いたのでお酒のお供に漫画家くるねこさんのブログで紹介していたサバの水煮にお酢を少しかけわさびでいただくというのをやってみました。
濃厚なしめ鯖みたいでかなり上手い！わさびが濃厚な味を引き締めてくれてさらにベターです

ハイボールにもぴったりで祝福の瞬間ですね

みなさんも是非お試しあれ

カテゴリー: Day in the life | コメントをどうぞ

世界らん展20112011.02.16

東京にて世界らん展2011の出店者のお手伝いに来てます。

展示がすごくきれいで沢山のらんがあり、日頃穴熊のように引きこもって仕事してるので、お花に囲まれて仕事するのもいいもんだなと感じました。

花の元気をもらいつつ仕事も頑張っていこうと思います。

みなさんも是非足を運んで見てください

想像以上です！

カテゴリー: Day in the life | コメントをどうぞ

ローカル環境でmovable typeをインストール時の注意と覚え書き2011.02.08

ワードプレスはPHPベースなので特にXAMPPを入れるだけでインストールが可能だ。

movable typeはCGIベースなのでXAMPPのみでは走ってくれない。

XAMPPの設定は飛ばして（自分の場合は、ローカルでドメイン振り分けてあります。）
まずはactive perlのインストールが必要です。

http://www.activestate.com/activeperl/downloads

OSに合わせて必要なものをインストール。

インストールする際にインストールフォルダのパスを
「C:\usr」に変更しておくと、MTを入れる際にMTの方のパスを変更せずにすみます。

インストール後、再起動しないと動かないので再起動します。
自分はsample06というフォルダでドメイン指定しているのでXAMPPのApacheとMySqlを起動後に
下記にアクセスします。
例：http://sample06/mt/mt-wizard.cgi

今回はMovable Type 5 をインストール
このままだとデータベースへの接続方法が、
「postageSQL」と「SQlite」しかありません。

コマンドライン(スタートのプログラムとファイルの検索でCMDと入力ね)
から「ppm install DBD-mysql」と入力すると勝手にダウンロードしてインストールしてくれます。
これでMySQL(推進)を使えるようにします。

image::magicはまだ入れてません。
（サーバー側で画像のリサイズなどに必要になってくるモジュール）

取り急ぎこれでローカル構築準備完了です。
頑張ってMTタグ打っていきましょう。

以上
共有まで、

下記よくご覧なってください。

サイクリングなのに。

カテゴリー: Movable Type, Movable Type (other) | タグ: ローカル構築 | コメントをどうぞ

横浜市戸塚区　内藤歯科へ治療へ行ってきました。2011.01.31

中野区に住んでいたころ、ある日いきなり銀歯がとれてしまい、
再度新しく銀歯をかぶせていただこうと思い、
近場の某歯医者さんで治療を受けたのですが、
1回、2回、3回と通院し、「うーん、銀歯を作ってくれるのかな」という思いと
毎回口の中に指をグイグイ入れられていた結果、毎回口をあけていた側の
唇が裂けてしまい、殴られて裂けたような跡ができ、毎週行くたびにひどくなる一方でした。
加減してほしかったのですが、、、
また、自分で状況を聞けばよかったのですが、痛いのと怖いという気持ちがあって聞けませんでした。

そしてしまいには怖くなって行くのをやめてしまいました。

かなり時は立ち（18か月ほど。。。）神奈川に引っ越してから
治療中で歯に穴が開いた状態で放置しまくっていた歯が痛みだし
戸塚区の内藤歯科さんへ行きました。

お医者さんから丁寧に歯の状況や、治療方法を教えていただいて、
自分がどういう状態で、どういう治療が必要なのか親身に教えていただきました。

以前のように唇の皮膚が切れるなどということはまったくなく、
快適な治療時間に感動さえしました。

ようやく安心して治療してもらえるお医者さんを見つけれました。

神奈川近辺の方には特におすすめします！

内藤歯科さん↓原宿交差点、マックの２階
http://www.naitosika.com/

あと少しで！また物がしっかり噛めるようになる！
以上、感動してテンションが上がったのでブログ記事にてのご紹介でした。

さ、起業家のみなさーん確定申告の時期ですよーってことで
明日は税務署に相談会に行ってきます～

カテゴリー: Day in the life | コメントをどうぞ

Movable TypeでMTEntryExcerpt【概要】を分岐させるときの注意点2011.01.27

Movable Typeをカスタマイズするときにメタディスクリプションを
・未入力の場合、固定の情報を出力
・入力時は入力された情報を出力
したいという時にぶつかった壁をリファランスとして残します。

通常だと
<mt:If tag=”MTEntryExcerpt”>
<$MTEntryExcerpt$>
<mt:else>
メタディスクリプション【固定】
</mt:If>

これで普通ならいけるはず

しかし、【概要】の入力項目はなんか出力されてしまうようで、
毎度、値がある処理しかされないことに気付きました。

この場合、no_generateモディファイアで回避

<mt:If tag=”MTEntryExcerpt”no_generate=”1″>
<$MTEntryExcerpt$>
<mt:else>
メタディスクリプション【固定】
</mt:If>

これで実際入力がない場合は
メタディスクリプション【固定】
と出力されるようになります。

意外な落とし穴でした。
メタキーワードの方はこのようなことはしなくてもいけます。

以上　参考まで

カテゴリー: Movable Type, Movable Type (modifier) | コメントをどうぞ

画像を寄せた場合にテキストの回り込みを防ぐ方法　CSS2011.01.25

添付画像をご覧いただくとわかる通り、画像へフロートを追加し、文字を寄せる際に”回り込みさせたくない”場合があります。テーブルを使ったりもできますが、もっとスマートな方法を紹介します。

その場合
overflow: auto;
zoom: 1;
のクラスをテキスト部分へ追加すると回り込みを回避でします。
ちなみにoverflow:auto;がモダンブラウザ用で、zoomはIE6対応用です。

一応自己リファランスまでです。

カテゴリー: Other | コメントをどうぞ

群馬県にてスノボー行ってきました2011.01.24

友人５人で群馬県の川場スキー場へ行ってきました

客足も少なくかなり状態のよいパウダースノーでリフト待ちのストレスなく最高のゲレンデを楽しんできました

また宿はネットで口コミが五つ星のコーボルトというペンションにお世話になりました

宿泊＋フルコース料理＋スノボフルセットレンタルで一万円ほどでさらにアットホームなご夫婦でこちらも最高でした☆

皆さんも是非群馬県に行く際はチェックしてみてください

帰りは写真に写っているネットワークなどに詳しくスケボーなど一緒にやっている友人と自宅ftpサーバーをたてる際のポイントなどをご教授いただきかなり意欲を掻き立てられました

群馬県120点の旅でした

機会があればまたスノボに行きたいですね
夏も是非旅行で尾瀬の水芭蕉を見に群馬県へ遊びに行こうと思います

皆さんにも是非ともお勧めします

遠藤

カテゴリー: Day in the life | コメントをどうぞ

ホームページ制作　CSS+XHTMLコーディング代行のFresh Creative | フレッシュクリエイティブ

フレッシュクリエイティブブログ

sublime text 3 置換などでタブを開きすぎてフリーズする問題2015.06.05