プログラミング– tag –
-
Programming
【Python基礎】QRcode:QRコードを作成
QRコード 今回はちょっと前からやりたかったPythonでQRコードを作成する方法を試していきます。 ちなみに特になぜやりたいかという理由はなく、例えばこのブログを人に紹介する時にQRコードがあったらかっこいいかなとか、TwitterでQRコード付きのツイート... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:フッターの作成(背景をグラジエント化)
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインコンテンツへのリンク部分を作成しました。 今回はページの一番下、いわゆるフッター部分に、再度コンテンツへのリンクとコピーライトを追加していきます... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインコンテンツへのリンク付き画像を追加
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアに動画を追加しました。 前回までに作成したデザインはこちらです。 今回はこのデザインにメインコンテンツであるクイズで遊ぶ「Play!」... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアルに動画を追加
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアにテキストを追加しました。 前回までに作成したデザインはこんな感じです。 今回は前回追加したテキストの左側に漢字間違い探しクイズを... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアルにテキストを追加
Bootstrap Studio 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのメインビジュアルエリアの作成を行いました。 ちなみに前回までの状態はこんな感じ。 今回はそのメインビジュアルの右側にテキストを入力していきます。 それで... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアル部分の作成と画像の設定
Bootstrap Studio 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのナビゲーションバーのデザインを行いました。 それでできたのがこんな感じ。 今回はこのナビゲーションバーの下に動画と一言キャッチフレーズを書くための場所を... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:ナビゲーションバーデザイン
Bootstrap Studio 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトデザインの作成を開始し、ナビゲーションバーを設置してみました。 しかしとりあえずナビゲーションバーの部品を置いただけで、まだまだ自分のウェブサイト用のナ... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:ナビゲーションバーの設置
Bootstrap Studio 前回、新たに導入したBootstrapでのウェブサイト作成ソフト「Bootstrap Studio」を色々いじって使い方を勉強してみました。 とりあえず何となく使い方が分かってきたところで、早速実践に入ります。 今回から「漢字間違い探しクイズ」の... -
Programming
【Bootstrap Studio】基本的な使い方
Bootstrap Studio 前回、Bootstrapを使ったウェブサイト開発のため、Bootstrap Studioというソフトを購入し、インストールしてみました。 今回はとりあえずいじって、基本的な使い方を勉強していきます。 新規作成 まずは新規デザインの作成から。 Bootstr... -
Programming
【Bootstrap Studio】Bootstrap Studioを導入
Bootstrap 前にDjangoでウェブサイトを作る際、デザインはBootstrapを使用するといいと紹介しました。 で、自分なりに色々といじってみたのですが、なかなか綺麗なサイトを作るには難しいと感じました。 もちろん私にはデザインの能力がないということも大...