好奇心

直感・閃き・気になる事探究を楽しむ

今だから語れるプレデスト(PREDEST)誕生秘話

プレデストが生まれるきっかけとなった前身ツール「プレデタ」と引き継がれ進化した機能について・・今だからこそ熱く語れるエピソードを交えて記事を更新しました。いくつかのノスタルジーを感じる時代の変化を動画で感じるかもしれません

※いろいろ途中で記事を参照するリンクがでてきますが、まずは読み終えてから、気になった部分を読みに行ってください。

プレデタ誕生のきっかけは賢威だった

2010年頃の私は、賢威4.0で教えられるHTMLがやっと理解できる初心者だった。その作業マニュアルに従い、複数のフリーソフトやテキストエディタを使って、ファイルの一括編集など、慣れない作業をしながらWEBサイトの更新やアップロードをしてました。その頃から感じていたのは・・作業のまどろっこしさ
賢威の作業指示はすべてHTMLタグの手打ち入力だったんです
実はその頃、平行してこういう作業もやっていたんです

AQUAS後継ツールの開発モニターを行って感じた事 次世代ツールは育てるもの


AQUASの後継機の開発・・そう、SIRIUSです
あの時、業界最速で搭載されたスマートフォンサイト同時生成機能等、新しい仕組みをいち早く体感しました
当時の私は、手打ち入力のまどろっこしさを一切感じる事がない、入力支援という仕組みを体験していたため、この賢威の昔ながらの手打ちのタグ入力という作業方針に、非常に徒労を感じてました。
そんな時期に、ツールの不具合報告へのレスポンス対応がとてつもなく早かった開発者、現プレデストの生みの親、のまけんさんとやりとりしながら並行して生まれたのがプレデタです。
data1.png
まだこのブログがMovableTypeだった頃の名残おしいキャプチャ(笑)
この画像は2011/5/15日のもので、まだ開発ツールの影にひっそりと出してただけなのに、このブログ訪問の約20%の人が『プレデタ!?なにそれ!?Σ(゚Д゚)』と思ってたに違いない(笑)
その当時、まだ動画作成技術に毛が生えた程度の、伝わりにくい自作PVがこちら

なかなかの自己満足動画で、何を伝えたいのかまったくわからないPVでしたが、それから数年後、より機能がパワーアップしたのでちゃんと伝えようとした動画がこちら

コンセプトは「賢威」を簡単に編集できるエディタ

しかし、これ、動画のような仕組みが出来上がるまで、色々苦労しましたし、苦労かけました・・。ちょうど東日本大震災の時期もかぶったし、当時の私は今ほどHTMLやwebの知識があった訳でもなく・・
ましてや、伝えたい目的を言葉にしてプレゼンする能力が低かったため、伝えた事を具現化する、のまけんさんの開発能力を活かす事ができなかったので、力不足を感じましたね(しみじみ・・)
そんな経験もあって今はしっかりと責任もってプレゼンできるようになりましたけどね

言うは易し行うは難し ツール開発エピソード


そんな苦い経験をしたためか、アフィリエターらしからぬ方向性でSEO・・というより、根本的なWEBの知識を吸収し始め、ブラウザや表示速度、ユーザビリティとは何かを突き詰めて、時代の最先端の情報を追い求めていった結果、業界の流れというか変化をいち早く体感するようになり、先手を打てるようになりました
例えば、この記事を書いた当初は、まだSIRIUSには標準のレスポンシブWEBデザインテンプレートはありませんでした

シリウスでレスポンシブWEB化に成功 そして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がほとんどだったため、時代の先を行く機能であると同時に、検索エンジンから求められていた最先端の技術を生かせる環境にシフトする事ができました

スクロールせずに見えるコンテンツのJavaScript/CSS を排除する


この時点ではSIRIUSも賢威もHTML5に対応してません。まさにプレデストを使ってテンプレートを編集した人だけが、いち早くHTML5環境でWEBサイトを構築できたという訳です。
SIRIUSはいまだにHTML5に関するテンプレートは提供されておらず、賢威は2016年に賢威7になってやっとHTML5のテンプレート提供が始まりました。
その後、作業をしながら、これがあったら便利!という様々な機能を追加プラグインとして後から実装

  • カウントダウンタイマー作成機能の実装
  • 右クリックメニューの操作項目の追加
  • ユーザータグにショートカットキー実装
  • スクリプトやAPI対応の除外ブロック機能の調整

・・ちょっと後付けが多くなってきたから・・ここらで新ツールとして
構成を見直そう!という形で生まれたのがプレデストです

HTMLテンプレートエディタ「プレデスト」始動!


プレデタで利用可能な機能、操作性をすべて受け継いでいる・・そのうえで、さらに使いやすく、また高度に進化をしている訳で(今現在も)、HTML5環境がスタンダードになり、ブラウザや各種プレビュー関連のAPIなども最新の環境に対応し、レスポンシブWEBデザインのテンプレートのリアルタイムプレビューにも対応

スマートフォンもレスポンシブWEBデザインテンプレートも編集できる


賢威7HTMLテンプレートの編集にもしっかりと対応しています!

賢威7 HTMLテンプレート徹底検証レビュー

COMMENTS & TRACKBACKS

  • Comments ( 8 )
  • Trackbacks ( 4 )
  1. By ユーアイネットショップ店長ウチマル

    マウスを触る手にも汗が。。。
    本当に熱いですね。

  2. 現在闘病中ってなってたけど
    大丈夫?
    プレデターってかっこいい名前だねぇ~
    未来からタイムワープして来た代物?(ノ´∀`*)
    動画観れなかったよ~fire foxじゃあだめなのかねぇ?

  3. By ヤナジー@アフィリエイト診療所

    たぬきちさん
    こんにちは、ヤナジーです。
    いつもお世話になっております。

    すごいですね。
    これほど秀逸なPVを作れるたぬきちさんってどんな人なんですか?^^

    HTML編集ツールプレデタはどうやらCSSまでプレビューをみながら
    編集できるみたいですね。
    開発にたぬきちさんまで関わっているとなると
    すごい機能が新たに追加されていそうです。

    いやぁ~恐れ入ります・・・

    ところで咳喘息大丈夫でしょうか?
    どうかご無理なさらず、ご自愛下さいね。

    それでは応援です♪
    またお伺いさせて頂きますね。

  4. ヤナジーさん (・∀・)イイ!!
    >これほど秀逸なPVを作れるたぬきちさんってどんな人なんですか?^^
    あはは、ありがとうございますw自分でもわかりませんw
    ッテナンデヤネン┌(`Д´)ノ)゚∀゚ )
    ただ、動画の加工や魅せ方、音楽とのマッチングなど、取り組めば色々わかるものですねw
    直感的に作ってみたので、私的には70点といった所です(^^ゞ
    >HTML編集ツールプレデタはどうやらCSSまでプレビューをみながら
    編集できるみたいですね。
    そのCSSのカスタマイズも容易にできる仕様になってますよ(・∀・)イイ!!
    >すごい機能が新たに追加されていそうです。
    販売までに間に合わなかった機能もたくさんありますから
    今後も継続的に進化しますよ
    >ところで咳喘息大丈夫でしょうか?
    どうかご無理なさらず、ご自愛下さいね。
    お気遣いありがとうございますm(__)m
    発作が発生する時以外は至って通常行動ができますのでw

  5. ともたん (・∀・)イイ!!
    >プレデターってかっこいい名前だねぇ~未来からタイムワープして来た代物?(ノ´∀`*)
    そらターミネーターや┌(`Д´)ノ)゚∀゚ )
    >動画観れなかったよ~fire foxじゃあだめなのかねぇ?
    もしかして、IE9?or firefox4?
    ブラウザがHTML5だとみれんのだよ。・゚・(ノд`)・゚・。
    このPV動画・・かっこいいのになぁ・・力作なのになぁ・・なんとかして見てくれw
    闘病中だよ~全速力で喘息中 ( >д<)、;’.・オッホッマッヒッゴッホ

  6. 店長 (・∀・)イイ!!
    マウスにも汗が滴るって・・暑さやばしじゃないっすかw
    少し換気したほうがいいかと思いますぜアヒャ(゚∀゚)
    そんな暑い中、喘息でマスク中の俺の顔はしっとり汗が・・
    ( >д<)、;’.・オッホッマッヒッゴッホ

  7. たーぬー

    早送り!?
    もしくは嫌がらせ!?( ´,_ゝ`) プッ
    スピードラーニング苦手や~~~

    2回続けて見たけどわからんかった( ̄∇ ̄;)

    しかし
    たぬちゃんはすげぇな。見直した(上からww)

    キャッツアイに狙われんなよ~ψ(`∇´)ψ

  8. しま姉 (・∀・)
    二度ある事は三度あ~る!って事で3回目ならいけるぜ!
    まぁ、どんな事ができるかのダイジェストみたいな魅せ方だからね
    まぁ、この動画を作ったのが震災の前くらいだったから
    今ならもっとすごいの作れるんだけどねw
    ちゃんとした解説動画は購入者用に用意してるw
    キャッツアイ?(あ~例のアレねw)

  1. […] ※Firefox推奨 参考記事:脅威のHTML編集ツールプレデタとはこんなツールだ!自作PV __spr_config = { pid: '4ef94cb3396cef3f0e0000bf', title: […]

  2. […] → プレデタ購入特典はこちら → 脅威のHTML編集ツールプレデタとはこんなツールだ!自作PV → プレデタの他の機能は? […]

  3. […] ましたが 遂に新しい時代はこの時動きました(´▽`)ノ 参考記事:脅威のHTML編集ツールプレデタとはこんなツールだ!自作PV 賢威HTMLテンプレートを自在にカスタマイズできるよう […]

  4. プレデタ フル機能お試し版をプレゼントします! | アフィリエイトツールで生活満足

    […] […]

LEAVE A REPLY

*
*
* (公開されません)

Return Top