【Django】Javascript(jQuery)を用いてカウントダウンタイマーを設置する
Djangoのサーバーにdatetimeを用意して、フロントのJavascript(jQuery)でカウントダウンタイマーを設置するコードを紹介していきます。 環境 ゴール フロントで以下のように動作するカウンドダウンタ…
Django
Django
JavaScript
Django
Django
djangoで画像のドラッグアンドドロップの実装3 -完成-
djangoのプロフィール画像設定で、ドラッグアンドドロップを用いたプロフィール画像の編集ができるコードを紹介します。 前回続きから、今回が完成ということで画像をドラッグアンドドロップしてサーバー側(djangoのvie…
Django
djangoで画像のドラッグアンドドロップの実装2 -Javascript(jQuery)でモーダルダイアログの作成-
djangoのプロフィール画像設定で、ドラッグアンドドロップを用いたプロフィール画像の編集ができるコードを紹介します。最終的には画像をドラッグアンドドロップしてサーバー側(djangoのviews)でsaveまでを行うつ…
Django
djangoで画像のドラッグアンドドロップの実装1 -Javascript(jQuery)でUI作成-
djangoのプロフィール画像設定で、ドラッグアンドドロップを用いたプロフィール画像の編集ができるコードを紹介します。最終的には画像をドラッグアンドドロップしてサーバー側(djangoのviews)でsaveまでを行うつ…
JavaScript
【javaScript+jQuery】プレビュー画面の表示
フォームからファイル選択をした時に、画像のプレビューを表示するのを目にしたことがあるかと思いますが、簡単に実装できるプレビュー画面を紹介します。 実際の動き 論より証拠ということでどのような動きをするのか実際に動画で紹介…
Django
【django】プロフィールの日付(誕生日)入力の3パターン作成方法を公開
ヒロヤンです!!Python(django)とJavaScript(jQUery)で開発を行っています。 今回はプロフィールを作成した際に、誕生日を入力するフォームを作成したのですが、その時に効果的な方法(カレンダー、プ…
JavaScript
jQueryトレーニング① サムネイル画像の切替
ここ最近djangoの世界にばかり没頭していたので、思い出す意味も込めてjQueryの復習を始めました。 ゴール目標 作成した動画を見るのが手取り早いので載せます。 ポイント 各サムネイルをクリックすると、クリックされた…
HTML/CSS
プログラミング初心者へおすすめするweb実験サービス4選
プログラミング初心者におすすめする実験サービス4サイトを紹介します。プログラミング実務未経験のヒロヤンが、今年の1月から実際に現場で働き始めて先輩エンジニアから教えてもらい感激し、有効に活用をしているwebサイトになりま…
JavaScript
【JavaScript】競技プログラミング入力要綱まとめ
JavaScriptの勉強の習得で競技プログラミングを行うのは、言語習得の上で便利かと思いますが、今回は標準入力要綱をまとめてみました。 基本形 とりあえず基本形。入力された値はこれでconsoleで出力できます。 [c…
管理人
