ヤッチーのブログ

PHP,Bootstrap,J Query,Swiftやサーバ管理、トラウトのルアー釣り、ハードロック等の記録です

ドラッグアンドドロップの予定表

スケジュール管理アプリの勉強です。 セルをクリックして予定を登録、ドラッグアンドドロップで予定の日変更、時間変更ができるタイプです。 動作はスイスイでモダンな感じで格好良いですね。 ただ、動きがやや怪しい所や、細かいことがまだまだできそうには…

ドラッグアンドドロップで複数のファイルのアップロード

通常のformのファイルを選択して、submitボタンでファイルをアップロードするのも野暮ったいので、Ajaxで複数のファイルをアップロードする勉強をしました。 通常のファイルを選択して、サブミットボタンでファイルをアップロードって意外に面倒くさい。また…

逆転人生「スター・ウォーズのCGを手がけた脱サラ証券マン」

本日NHKのドキュメンタリー「スター・ウォーズのCGを手がけた脱サラ証券マン」を見ました。(再放送?) 主役の成田さんのストーリーに、とても勇気づけられました。 45歳で証券会社を退職し、CG専門学校で独学の弱点を克服し、1年後ハリウッドでチャンス…

QR CODEの生成

QR CODE MAKERを制作しました。 PHPとjqueryのライブラリで出来ています。 URLを入力か貼り付けて、サイズを選択して、GO!ボタンを押したら、QRコードが生成されます。これも技術ブログ 公開したら、ソース公開しよっと。 デモ こんな感じのスケジュール例…

ドラッグアンドドロップでリスト並び替え Jquery & PHP & mySQL

時間を確保して、jquery系のスキルを高める勉強をしました。テーブルのリストの順番を変えるのは、PHPだけではこうもスマートなもの作れませんが、Jquery使えば出来ますね。これは使える! ドラッグアンドドロップでリストを並べ替えて、データベースに保存…

ドラッグアンドドロップでショッピングカート

デモ 更新をサボっておりました。ドラッグアンドドロップできるショッピングカートです。画像などの要素をDropエリアにドロップするとショッピングカートに入ります。遊んでみてくださいね。パソコンでないと反応しません。結構感動しました。この技は使える…

CSSで曲線のドロワーメニュー

CSSで曲線のドロワーメニューを勉強しました。 年末休みを利用して、色々勉強もしたいのですが、なかなか捗りませんねー。 Androidアプリの制作とか、人工知能で有名なPythonなんかも学びたいのですが、野暮用で、ちょっとCSS勉強した程度です。 デモ CSSの…

illustrator でパントースター描いてみる

イラレでメタルを描いてみたくなったので、トースターを描いてみる。 助走で絵心を思い出す為に、書いてみました。トースターの大きさに対して、パンが小さめでややアンバランスになったが、良しとしますか。

photoshop水飛沫

iphone11 Pro 最大水深4メートルで30分間の耐水性能らしい。 フリーのiphone 画像から切り取って、フリーの水画像から 水飛沫切り取って合成してみました。 時間かけて、丁寧に作れば、もうちょい格好良いかもね。

jquery ドラッグアンドドロップ

Jqueryで要素をドラッグアンドドロップする処理です。 デモ デモサイトの 要素 No.1 ~No.5 を下のテキストボックスにドラッグアンドドロップして、送信ボタンで値を引き渡すという処理のサンプルです。 セレクトボックスで選択させるのも野暮ったいし、値を…

下スクロールでヘッダー消えて、上スクロールでヘッダー表示

下スクロールでヘッダー消えて、上スクロールでヘッダー表示するパターンです。 動きがなめらかですねー。 フッターは斜めにしてみました。 どっかで使いましょうね。 デモ

jqueryでドラッグアンドドロップ

要素をあるエリアにドラッグして、それをデータベースに保存する機能を作ることになりました。出来ますよーっと顧客には、お話しましたが、さて。どうするか? Jqueryで要素を ある要素にドラッグインしたり、ドラッグアウトしたりすることから勉強しました…

師走

早くも師走ですね。 一年あっと言う間です。 更新が怠っておりますが、jqueryでスライドを作成しました。 画像が切り替わるだけでは、なんにも面白くないので、雪の結晶をまぶしてみました。 デモ

久しぶりに算数の問題解いた気分にPHP

久しぶりに算数の問題を解いた気分です。 一年後の該当月の同じ順番の同じ曜日の予定日の計算方法を考えました。 分かりにくいと思いますが、こういうことです。 2019/04/04(月)は一番目の月曜日だから翌年は、2020/04/06(月)になる。 2019/04/03(水)…

エディ・ヴァン・ヘイレンを描いてみる

アーハの次は、エディ・ヴァン・ヘイレンを描いてみました。 似てねー。やっぱり、顔は難しいです。 時間の兼ね合いもあい、今日はここで納得?しておきましょう。 マイケルジャクソンのBeat Itで、あの有名なギターソロを弾いた頃のエドワード・ヴァン・ヘ…

a-ha モートンを描いてみる

暇は無いのですが、気分転換にモートンハルケットをイラストレータで1時間ほどで描いてみました。似てないですねー。 やっぱり、人物描くの難しいです。露骨に口を表現しようとするとエグくなるので、省略。 私、やっぱり、プログラマーだわ。

スパムメール抑制のため、「私はロボットではありません」実装

「私はロボットではありません」をテスト実装してみました。 こちらの設置の仕事も、有るように思います。 ちょっと前は、なにこれ?私、人間にきまってるじゃん って思いましたけどね。 デモ

アーハ、来日記念サンプルサイト作成しました!

アーハが、hunting high and low 完全再現を10年振りの単独来日公演としてのライブが決定しました。 記念して、ノルウエー、ストックホルムの画像 と Wikipedia からの引用文でサンプルサイトをちょちょっと作成してみました。 デモ 御三方とも、いい感じで…

モーダルウインドウメニュー

モーダルウインドウメニューです。 右上の「MENU」クリックでモーダルウインドウが開くパターンです。 デモ

ヘッダー固定

ヘッダーがスクロールしても固定されているサンプルです。 デモ スクロールしていくと、左上のロゴ画像も切り替わります。 また、右上のリンク文字色も変わります。 トップ画面の画面一杯の画像はCSSのみでふわっと切り替わります。ちょっぴり拡大するパター…

クッキー対策

EU内では、クッキーを使用していることを、表示して、その使用をユーザーに了解を得なければならなくなりました。Google Analyticsで個人を特定することはできませんが、使用しているブラウザ、OS、閲覧ページなどの情報を収集していることに対してEUでは同…

マウスオーバーで画像拡大、上移動

デモ マウスオーバーで画像がふわっと拡大するサンプルです。 ふわっと画像が上に移動するサンプルも作りました。 また、上四枚の画像の真ん中にロゴマークを載せました。 こんなサイトも作りたいですね!

JP DIRECT に登録しているドメインのWHOIS情報変更の変更

JP DIRECT に登録しているドメインの内、WHO IS情報を変更する必要があったため、手続きを行いました。JP DIRECT に登録しているドメインの内、WHO IS情報を変更する必要があったため、手続きを行いました。多分次回忘れているだろうから、備忘録として記録…

PHP spreadseet

PHPでエクセルの出力には、PHP EXCELを使用していますが、非推奨となり、 PHPversion7.2.* 以降は使えなくなります。 クライアントからのWEBからエクセルに出力したいという昔からよくある依頼には、今後も答え続けなければなりませんので、後継のspreadshee…

縦書きのWEBサイト

デモ WEBサイトの縦書きのアプローチをしてみました。 これは美しい! どっかで使いたい。

動画を背景にしたWEB SITE

デモ 動画を背景にしたWEBサイト例です。 文字も縦書きを入れてみました。 印象変わって良いですね。

タイムライン

デモ タイムラインで、理想の休日を作成してみました。 最近 こういう タイムライン 会社の沿革とかで使われていますね。 背景は、パララックスで視差効果をつけています。 スマホでの表示も見てみてくださいね!

SVGのアニメーション

レストランとかのサイトで使いたいですね。 パスが描かれていくアニメ―ションです。 イラレで描いたパスをSVGで保存して、アニメーションに変換 デモ

AJAXによる非同期処理

AJAXによる非同期処理をおさらいです。PHPなど動的ファイル類でフォーム処理POSTでデータ送信するとページ全体がページ遷移して、新たなページが再度読み込まれます。同じページから同じページに移行する際にも当然、再度ページ全体が読み込まれます。大袈裟…

背景が斜めになったWEBサイト例

CSSで背景が斜めになっているサイト例です。 デモ 背景が斜めになっていて、新鮮です。若者っぽい! ついでも、フォントも使い分けてみました。 先日、フォントについてお聞きになられた方がいらっしゃいましたので、そのご質問とは関係ないですが、フォント…