Category: 日記 | Date: 2015年4月12日 | Auther: Gappuri4th

a7e0636cd5939d445a829c13621c748d
時間があったのでhttp://cover1sea.net/にページを作成しました。
センスはお察しですがjQueryでいろいろ頑張ったので許してください。。。
特に内容はありませんが、とりあえずphpで作ったWebツールのリンクをまとめてあります。
デザインのコンセプトとしては今風のぬるぬる動くスタイルを目標に作成してみました。 ブログとのイメージも合わせたかったのでダークな配色(というかただの黒)でシンプルなデザインにしています。
jQueryでいろいろと動かしているのでJavascriptの有効化は必須です。無効になっているとそもそも表示すらされないかと思います。
不具合・デザイン崩れ等ありましたら連絡してもらえるとありがたいです。

ページを作るたびに思うのですが、フォントって何がいいんでしょうね?
特にこういうデザインが命みたいなページはかなり意識しないといけないと思いますが、よくわからないのでメイリオとsans-serifだけ指定してあります。
一番いいのは最近流行りのWebフォントあたりなのでしょうか。
詳しい方いたらぜひ教えてください。。。

Category: プログラム関連, 作成物 | Date: 2015年2月17日 | Auther: Gappuri4th

セッションを実装してみたかったので「クリップボード。」というページを作成してみました。
クリップボード。
セッションが切れるまで保存された文章を保持します。 保存期間は設定していないのでデフォルトの保存期間になりますが、その期間については把握していません。 リセットボタンがあるので消したいときはそれを利用してください。

動作としては、入力されたデータをjavascriptで画面に出力し、同時にサーバーにデータを送信してセッション変数として保存する。ページが更新されたときはサーバーからセッションデータを受信して画面に出力する。リセットボタンでセッションを破棄し画面出力もクリアする。といった感じです。

作成に当たってajaxの技術も必要になったのですが、解説にjQueryを使うサイトが多かったのでついでに興味があったjQueryも軽く学習して実装しました。今まで使う機会がなくjQueryに触れてきませんでしたが、なぜ今まで学ぼうとしなかったのかと思うほど便利なライブラリでした。特に要素選択をCSSのようなフォーマットで指定して、それをclick()だとかで直感的に操作を記述できるのは楽ですね。(あまりjavascriptは扱ったことがないですが、若干面倒だったような)
一番感動したのは表示・非表示のアニメーションが一行で実装できてしまうことでしょうか。show()なりslideDown()なりを書けばパッとアニメーションしてくれるのはなかなかすごいと思います。 アニメーション関連は強いようですし、jQueryを使えば動きのあるサイトも楽に作れそうです。

アーカイブ