CATEGORY

プログラミング

  • 2020年8月27日
  • 2020年8月27日
  • 0件

複雑なプログラムを書くための私流のコツ

基本的にプログラムは単純な方が良いです。 作るのが簡単で、保守性が良いからです。 とはいえ、ブログラム技術に熟達しようとすると、徐々に複雑なプログラムにも挑戦していくということが大事ではないでしょうか。 そうすることで、今まで複雑に思っていたプログラムも、単純に見えたりするものです。 今回は、私流ですが、複雑なWEBのプログラム(ここではHTML, PHP, JQueryを使います)を書く上で、な […]

  • 2020年8月25日
  • 2020年8月25日
  • 0件

めくる感じのスライダーのデモ

先日の「JQueryを使った簡単なスライダー」に引き続き、スライダーの別パターンを作ってみました。 今回は、JQueryの既存のエフェクトは使わずオリジナルな動きです。 一行を数行に差し替えるだけかと思いきや、結構てこずりました。 そのため、先日とは違いごく単純にするため、文字の連動は外しました。 まずはご覧ください。(※モダンプラウザ以外には対応していませんので。実用化される時はご注意ください。 […]

  • 2020年8月22日
  • 2020年8月22日
  • 0件

レベル評価のためのスナップ式スライドバーの作成

顧客に要望を尋ねる時、YESかNOの二者択一ではなく、例えば、「とても悪い」と「とても良い」の間のどれぐらいのレベルですか、と尋ねたい時はしばしばあります。 「悪い」「良い」に限らず、「シンプル」「複雑」や、「単色」「カラフル」のどちらのデザインを希望ですかというような場合もあります。 そのような場合に、WEBサイト上で活用してもらうための部品として、このスライドバーを作りました。 整数値のところ […]

  • 2020年8月20日
  • 2020年8月20日
  • 0件

質問編集システム。WEBプログラムの新しい世界。

質問、更問、更更問、、、というように、単なる質問の羅列ではなく、相手の答えによって、更に質問していくというインターラクティブな質問を行うための、その質問を編集するシステムを作りました。 マトリョーシカ人形のように質問を階層化することができます。 回答者の答えに応じて質問が追加されますから、専門家による診断システムに近いものが作れます。 これからの時代にふさわしいプログラムではないでいでしょうか。 […]

  • 2020年8月18日
  • 2020年8月18日
  • 0件

JQueryを使った簡単なスライダー

スライダーといえば、プラグインを使って導入するのが普通ですが、JQueryのアニメーションを使えば、簡単にできるはずと思い作ってみました。 ちょうど紙芝居の要領です。 5枚の画像があるとすると、あらかじめ、5枚目から4枚目、3枚目、、、1枚目というように重ねておいて、次の画像を出すときは、一番上にある画像を取っ払い、一番下に移動させます。 反対に、手前の画像に戻す時は、5枚目から1枚目に引っ張り出 […]

  • 2020年8月16日
  • 2020年8月16日
  • 0件

テキスト編集支援ツール作成 !

グラデーション編集支援ツールに続き、今回はテキストのスタイルを編集できるツールを作成いたしました ! 影付けあたりは特に便利ですので、ぜひ使ってみてください。 ここの冒頭の画像も、このツールで作っていますが、周囲のぼかしなど思いがけないものもできてしまいますので、デザインの幅がぐんと広がります。 あなたのWEBデザインがワンランクアップすることは間違いありません。 主な特徴 ○ イラストレーターな […]

  • 2020年8月2日
  • 2020年8月2日
  • 0件

グラデーション編集支援ツール作成!

イラストレーターなどでももちろんグラデーションは作れますが、CSSでグラデーションの指定ができるように、そのコードを作成・編集するためのツールを作りました。 気の早い方は、実物をご覧ください(笑) 今回のブログでは、主な特徴と使い方の説明だけさせていただきます。 いずれ、作成方法の主なところなどについて、解説させていただこうかと思います。 主な特徴 ○ HSLの色相、彩度、明度、RGBの各値は、実 […]

  • 2020年7月28日
  • 2020年7月28日
  • 0件

WEBプログラミングは無料で今すぐ独学できる !!

今回はメモ帳を使って、WEBプログラミングの基本言語であるHTMLとCSSとJavaScriptを学習する方法をお伝えします。 ローカルサーバーを立てたりとか、レンタルサーバーの契約をしたりとか、FTPファイルをインストール(かつ接続)したりとか、テキストエディタをインストールとたりとか、全て不要です。 Windowsであればメモ帳、Macであればテキストエディットだけでプログラミングをする方法で […]

  • 2020年7月27日
  • 2020年7月27日
  • 0件

CSS、hoverでアニメーション(ホバーエフェクト)

WEB画面上である要素にポインターを持ってきた時に、アニメーションが起きると、ユーザーに必要なメッセージを届けたり、快適なユーザーエクスペリエンスを実現することが可能となります。 単にカッコいいというだけでなく、メニューからサブメニューの表示、拡大などの他、正解を伏せた学習に活用するなど、使いようによっては機能的に非常に重要な役割を果たさせることもできます。 ここでは、技術的に基礎となるものや実用 […]

  • 2020年7月24日
  • 2020年7月24日
  • 0件

テーブルと写真のドラッグ&ドロップによる並べ替え

データや写真を並べ替えたいという時は、時々あるのではないでしょうか。 例えば、ToDoリストで、優先度の高いものを最初に移動させたいというような場合があります。 また、お客さんをスタッフに割り当てる際など、スタッフの順序を入れ替えることができれば、そのまま割り当てに用いることができます。 写真の場合も同様です。例えば、美容院のホームページに記載のヘアースタイルの順番を変えたいという時などです。 こ […]