jQuery

jQueryで簡単にテキストボックス内に透かし文字の補足を入れる方法

入力前はテキストボックス内に説明文がうっすらと見えた状態で、クリックすると説明文が消えるというアレを社内システムに実装してみたのでメモ。親切なUIを実現するために欠かせない小技の一つです。 1.head内で読み込み 以下のようにjquery...
jQuery

jQueryでオシャレかつ機能的なフォーム画面を実装 formly.js

社内システムだったら必ずフォームのPost送信は多用するし、Webサイトであっても入力画面が存在するところには必ずフォームは必要となる。そんなとき、簡単にオシャレで機能的なフォームが設置できたら重宝するだろう。bootstrapなどのcss...
other

Mac使いはおさえておきたい! Macで上手にスクリーンキャプチャをする方法 まとめ

WindowsではもっぱらAlt+PrintSreenなどでクリップボードへ保存されたイメージをペイントツールに貼付けて名前を付けて保存していたが、Macに変えてからいろいろ勝手が違って戸惑ったのでメモ。 ショートカットキーによる方法とター...
jQuery

jQueryでスライダー機能を実装 – 横幅いっぱいのスライダーFullWideSlider

以前のエントリー jQueryでスライダー機能を実装 - jQuery slider2 で、jQueryスライダー設置の練習が済んだところで、少々本格的な「横幅いっぱい」のjQueryスライダーを設置してみたのでメモ。 実践Webデザイン ...
Office

Excel 関数による文字列操作だけで西暦を和暦に変換する方法

Excel上で入力された日付データを西暦から和暦に変換したいというケースは意外に多いのではないでしょうか。 この記事では、Excelの関数だけで西暦を和暦に変換する方法について解説します。 業務上なにかと使う機会は出てきますので知っておくと...
jQuery

jQueryでスライダー機能を実装 – jQuery slider2

昨今のWebサイトのトップページでよく見かけるスライダーを自社Webサイトに実装してみたときの試行錯誤をメモ。スライダー初使用のため、入門編としてjQuery slider2をテスト環境で使用してみた。 Webデザイナーのための jQuer...
other

パワポの「発表者ツール」で動画が再生できないときの対応方法

パワポを使う機会は少ないが、たまたま依頼されたパワポ資料作成時にハマリポイントがあったのでメモ。ハマリポイントはタイトルの通り。 1.発表者ツールとは 発表者ツールを使用すると、1 台のPC (発表者が使用するラップトップなど) にはスライ...
javascript

親切なUIに必須! JavaScriptライブラリ StyleSwitcher.jsの使い方メモ

社内システムで使用する機会があったのでメモ。 StyleSwitcher.jsはリンクのクリックにより、読み込むCSSファイルを簡単に切り替えることができる便利なjavascriptライブラリである。 設置方法が簡単というだけでなく、変更さ...
jQuery

BootStrap 向けのdatepickerによるカレンダー実装は簡単便利 だけどieには不向きか

BootStrap向けのdatepickerによるカレンダー実装が簡単かつ便利だったので使用方法をメモ。 1.ダウンロード 現在はちゃんと日本語対応版も出ているようで、日本語対応版を含んだ状態で入手したいため、下記よりzip形式でまるごとダ...
jQuery

jQueryUI の Datepicker によるカレンダー機能実装が簡単便利

今更ながらjQueryUIのDatepickerが簡単かつ便利だったので実装方法のメモを残す。 1.jQueryUIをダウンロードする 最終的に必要なのは以下の4つなのでこれらが揃うように。 jquery-1.8.3.js jquery-u...