卒研メモ:Androidスマホのスクリーンキャプチャ機能とDrag&Drop

 世の中のアプリケーションソフト(アプリ)の大半がスマホになりつつある昨今ですので,Webアプリもスマホで動作確認しなければなりません。そこで,実際にスマホでWebアプリが動いている様子を動画として保存するスクリーンキャプチャが必要になります。高性能スマホのXperia等では購入時に同梱されているようですが,デフォルト状態では入っていないものが多いようですので(iPhoneは調べてません),AZ Screen Recorderを初めとするいくつかのアプリを試して使い勝手のいいものを選んで下さい。

 話変わって・・・以前ここでも書いた通り,現在PHP+MySQLを使ったWebアプリ作成テキストを作成中で,大まか出来ているのですが,これにJavaScriptを加えて使い勝手を良くする手法を追加していくことにしています。手始めに,ファイルアップロードを手軽に行うためのDrag&Dropボックスを作る予定でいます。

 このためには,jQueryの機能を使い,AJAXも利用して作るか(オリジナル翻訳版),DropzoneJSを使うか,サンプルを読みながら選択する必要があるようです。前者の方はプリミティブな機能を積み上げて構築している分,内容を理解すれば使い勝手が良くなりそうですし(Drag&Drop後にsubmitボタンでアップロード(AJAX利用なし)→Drag&Drop直後にすぐアップロード(AJAX利用),後者はかなりお手軽に機能追加ができそうです。何にせよ,PHPとJavaScriptと連携しないと機能しないものですので,勉強にはなりそうです。

 この機能を付加した事例を追加した後は

  • jQueryそのものの簡単な解説とjqPlotによるグラフ作成例を追加
  • PHPのMySQLi関数を手続き型呼び出しからクラス呼び出しに変更(追記する?)
  • PDOクラス作成バージョン(SQLite3)の構築(来年度かな?)
  • PDOクラス作成バージョンにSQL Server(無理かしら?)の例を追加

という方向で膨らんでいけばいいなと夢想しています。

幸谷研究室・情報セミナー2スケジュール

幸谷研究室に新規配属された3年生にプレゼンした資料

[PDF] 情報セミナー2スケジュール

2017年度情報セミナー2について

  • 実施日時:x曜x限目,y曜y限目
  • 場所:研究実験棟443実験室
  • 使用ソフトウェア:XAMPP for Windows
  • テキスト:暫定版

初回は443実験室ネットワークの設定,XAMPP for Windowsのインストール,輪講割り当て,連絡係の決定を行います。必ず自分のNote PCを持参して下さい。

卒研メモ:WordPressプラグイン作成入門

 本研究室の卒研テーマの多くはPHP+MySQLによるWebアプリ作成が多くなっています。WordPressはPHPで構築されたWebアプリの中でも利用者数はトップクラス,本研究室でも大いに利用させてもらっています。便利だし高速だし,何よりPlug-inが豊富なのは助かります。

 ということで,WordPress用のPlug-inを作るという卒研テーマもアリです。そのための手引きとなりそうな日本語文書を幾つか見つけたので,備忘録の一つとして書き残しておきます。

  • WordPress(自分専用)マイアプリを作ろう・・・どう作ればいいのか全くわからない状態の時に「まずやってみる」ための手引きとなります。これで挫折するようなら諦めて別テーマを探しましょう。
  • WordPressプラグイン作成入門・・・スライド数100枚の大作ですが,とても分かりやすく「。」を顔文字に自動変換するPlug-inの作り方を解説しています。WordPressの動作のあらましも理解できるようになるため,大規模なCMSを構築する際には参考になります。

就活メモ: コンピュータシステム学科のカリキュラムパス

 依頼があったので,かなり大雑把なものですが,本学(静岡理工科大学)コンピュータシステム学科入学生のカリキュラムパスを描いてみました。本学科でどのような教育を受けたかを説明する機会があれば,この図を思い描きながら大づかみで解説できるようになって下さい。

[PDF版]

コンピュータシステム学科のカリキュラム体系と卒業後の進路像

京都大学のOffice365サービス移行記録

 本学は本年度(2016年度)よりMicrosoftのOffice365サービスの利用を開始しました。メールが世界どこにいても読み書き返信できるようになり,Office 2016の利用も手軽になるなど良いことづくめのようですが,反面,すべての情報を先方に預けるということでもあり,良いことづくめというわけではありません。

 京都大学は本学より早くOffice365とその前身となるサービスへの移行を開始しました。その貴重な記録が公開されています。ネットワーク管理やOffice365サービスに興味のある方は読む価値があります。

 ネットワーク管理者としては,サーバのメンテナンス業務が楽になる反面,こちらではどうしようもないトラブルへの対処も先方任せになるというジレンマに見舞われることになる訳で,日々胃が痛いことには変わりないなぁという感想を持ちました。

卒研メモ: Googleのモバイルサイトチェックツール

 GoogleがモバイルWeb環境のチェックツールをリリースしました。

早速この研究室のページをチェックしてみました。結果は下記の通りです。

2016-06-06_183745

 WordPressのおかげでモバイル環境でのWebデザインは良いようですが,張りつけた画像が重たいようで,3秒以内に読み込めるサイズにしなさいと怒られてしまいました。ふーむ,難しいモンですね。

 皆さんも作ったサイトがどのように採点されるか確認してみましょう。