プレデストが生まれるきっかけとなった前身ツール「プレデタ」と引き継がれ進化した機能について・・今だからこそ熱く語れるエピソードを交えて記事を更新しました。いくつかのノスタルジーを感じる時代の変化を動画で感じるかもしれません
※いろいろ途中で記事を参照するリンクがでてきますが、まずは読み終えてから、気になった部分を読みに行ってください。
プレデタ誕生のきっかけは賢威だった
2010年頃の私は、賢威4.0で教えられるHTMLがやっと理解できる初心者だった。その作業マニュアルに従い、複数のフリーソフトやテキストエディタを使って、ファイルの一括編集など、慣れない作業をしながらWEBサイトの更新やアップロードをしてました。その頃から感じていたのは・・作業のまどろっこしさ
賢威の作業指示はすべてHTMLタグの手打ち入力だったんです
実はその頃、平行してこういう作業もやっていたんです
AQUASの後継機の開発・・そう、SIRIUSです
あの時、業界最速で搭載されたスマートフォンサイト同時生成機能等、新しい仕組みをいち早く体感しました
当時の私は、手打ち入力のまどろっこしさを一切感じる事がない、入力支援という仕組みを体験していたため、この賢威の昔ながらの手打ちのタグ入力という作業方針に、非常に徒労を感じてました。
そんな時期に、ツールの不具合報告へのレスポンス対応がとてつもなく早かった開発者、現プレデストの生みの親、のまけんさんとやりとりしながら並行して生まれたのがプレデタです。
まだこのブログがMovableTypeだった頃の名残おしいキャプチャ(笑)
この画像は2011/5/15日のもので、まだ開発ツールの影にひっそりと出してただけなのに、このブログ訪問の約20％の人が『プレデタ！？なにそれ！？Σ(ﾟДﾟ)』と思ってたに違いない(笑)
その当時、まだ動画作成技術に毛が生えた程度の、伝わりにくい自作ＰＶがこちら
なかなかの自己満足動画で、何を伝えたいのかまったくわからないPVでしたが、それから数年後、より機能がパワーアップしたのでちゃんと伝えようとした動画がこちら
コンセプトは「賢威」を簡単に編集できるエディタ
しかし、これ、動画のような仕組みが出来上がるまで、色々苦労しましたし、苦労かけました・・。ちょうど東日本大震災の時期もかぶったし、当時の私は今ほどHTMLやwebの知識があった訳でもなく・・
ましてや、伝えたい目的を言葉にしてプレゼンする能力が低かったため、伝えた事を具現化する、のまけんさんの開発能力を活かす事ができなかったので、力不足を感じましたね（しみじみ・・）
そんな経験もあって今はしっかりと責任もってプレゼンできるようになりましたけどね
そんな苦い経験をしたためか、アフィリエターらしからぬ方向性でSEO・・というより、根本的なWEBの知識を吸収し始め、ブラウザや表示速度、ユーザビリティとは何かを突き詰めて、時代の最先端の情報を追い求めていった結果、業界の流れというか変化をいち早く体感するようになり、先手を打てるようになりました
例えば、この記事を書いた当初は、まだSIRIUSには標準のレスポンシブWEBデザインテンプレートはありませんでした
その後、有料テンプレートとして追加されるも、まだSIRIUSユーザーのほとんどが手にいれていなかった頃です。それよりも早く賢威が5→6になった時点で、HTMLテンプレート版がレスポンシブWEBデザインにシフトしていたので、それを参考に、また新たな勉強をした訳ですが・・これもまた簡単な道じゃなかったんです
https://curiosity-koukisin.com/sirius/kenkyuu-bibouroku.html
そんなこんなを言っている間に、それらWEB環境に大きな改革とも呼べる、HTML5のスタンダード化の流れがきました。それによって、不具合がでてくるブラウザや、そのブラウザをベースに開発されているツールなど、軒並み影響を受ける時代の変化がありまして・・
https://curiosity-koukisin.com/tanukichiboyaki/no-allowfullscreen.html
でも、だからこそ、その一歩先を行く提案をだす知識（たぬきち）と、それを実装する能力（のまけん）によって、プレデタにはこんな機能が搭載されました
どんなテンプレートも、立ちどころにHTML5環境にしてしまう機能です。当然、賢威5や6をベースにテストした上での実装です。今でこそHTML5で作られたテンプレートは無料でも多いですが、当時はHTML4やXHTMLがほとんどだったため、時代の先を行く機能であると同時に、検索エンジンから求められていた最先端の技術を生かせる環境にシフトする事ができました
この時点ではSIRIUSも賢威もHTML5に対応してません。まさにプレデストを使ってテンプレートを編集した人だけが、いち早くHTML5環境でWEBサイトを構築できたという訳です。
SIRIUSはいまだにHTML5に関するテンプレートは提供されておらず、賢威は2016年に賢威７になってやっとHTML5のテンプレート提供が始まりました。
その後、作業をしながら、これがあったら便利！という様々な機能を追加プラグインとして後から実装
- カウントダウンタイマー作成機能の実装
- 右クリックメニューの操作項目の追加
- ユーザータグにショートカットキー実装
- スクリプトやAPI対応の除外ブロック機能の調整
・・ちょっと後付けが多くなってきたから・・ここらで新ツールとして
構成を見直そう！という形で生まれたのがプレデストです
プレデタで利用可能な機能、操作性をすべて受け継いでいる・・そのうえで、さらに使いやすく、また高度に進化をしている訳で（今現在も）、HTML5環境がスタンダードになり、ブラウザや各種プレビュー関連のAPIなども最新の環境に対応し、レスポンシブWEBデザインのテンプレートのリアルタイムプレビューにも対応
賢威7HTMLテンプレートの編集にもしっかりと対応しています！
マウスを触る手にも汗が。。。
本当に熱いですね。
現在闘病中ってなってたけど
大丈夫？
プレデターってかっこいい名前だねぇ～
未来からタイムワープして来た代物？(ﾉ´∀｀*)
動画観れなかったよ～fire foxじゃあだめなのかねぇ？
たぬきちさん
こんにちは、ヤナジーです。
いつもお世話になっております。
すごいですね。
これほど秀逸なPVを作れるたぬきちさんってどんな人なんですか？＾＾
HTML編集ツールプレデタはどうやらCSSまでプレビューをみながら
編集できるみたいですね。
開発にたぬきちさんまで関わっているとなると
すごい機能が新たに追加されていそうです。
いやぁ～恐れ入ります・・・
ところで咳喘息大丈夫でしょうか？
どうかご無理なさらず、ご自愛下さいね。
それでは応援です♪
またお伺いさせて頂きますね。
ヤナジーさん (・∀・)ｲｲ!!
＞これほど秀逸なPVを作れるたぬきちさんってどんな人なんですか？＾＾
あはは、ありがとうございますｗ自分でもわかりませんｗ
ｯﾃﾅﾝﾃﾞﾔﾈﾝ┌(`Д´)ノ)ﾟ∀ﾟ ）
ただ、動画の加工や魅せ方、音楽とのマッチングなど、取り組めば色々わかるものですねｗ
直感的に作ってみたので、私的には70点といった所です(^^ゞ
＞HTML編集ツールプレデタはどうやらCSSまでプレビューをみながら
編集できるみたいですね。
そのCSSのカスタマイズも容易にできる仕様になってますよ(・∀・)ｲｲ!!
＞すごい機能が新たに追加されていそうです。
販売までに間に合わなかった機能もたくさんありますから
今後も継続的に進化しますよ
＞ところで咳喘息大丈夫でしょうか？
どうかご無理なさらず、ご自愛下さいね。
お気遣いありがとうございますm(__)m
発作が発生する時以外は至って通常行動ができますのでｗ
ともたん (・∀・)ｲｲ!!
＞プレデターってかっこいい名前だねぇ～未来からタイムワープして来た代物？(ﾉ´∀｀*)
そらターミネーターや┌(`Д´)ノ)ﾟ∀ﾟ ）
＞動画観れなかったよ～fire foxじゃあだめなのかねぇ？
もしかして、IE9？or firefox４？
ブラウザがHTML5だとみれんのだよ｡･ﾟ･(ﾉд`)･ﾟ･｡
このPV動画・・かっこいいのになぁ・・力作なのになぁ・・なんとかして見てくれｗ
闘病中だよ～全速力で喘息中 ( ＞д＜)､;’.･ｵｯﾎｯﾏｯﾋｯｺﾞｯﾎ
店長 (・∀・)ｲｲ!!
マウスにも汗が滴るって・・暑さやばしじゃないっすかｗ
少し換気したほうがいいかと思いますぜｱﾋｬ(ﾟ∀ﾟ)
そんな暑い中、喘息でマスク中の俺の顔はしっとり汗が・・
( ＞д＜)､;’.･ｵｯﾎｯﾏｯﾋｯｺﾞｯﾎ
たーぬー
早送り！？
もしくは嫌がらせ！？( ´,_ゝ｀) ﾌﾟｯ
スピードラーニング苦手や～～～
２回続けて見たけどわからんかった(￣∇￣；)
しかし
たぬちゃんはすげぇな。見直した(上からｗｗ)
キャッツアイに狙われんなよ～ψ(｀∇´)ψ
しま姉 (・∀・)
二度ある事は三度あ～る！って事で3回目ならいけるぜ！
まぁ、どんな事ができるかのダイジェストみたいな魅せ方だからね
まぁ、この動画を作ったのが震災の前くらいだったから
今ならもっとすごいの作れるんだけどねｗ
ちゃんとした解説動画は購入者用に用意してるｗ
キャッツアイ？（あ～例のアレねｗ）