食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました(事情により、CMSは使えず)。メンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS(WordPressとかEC-CUBEなど)を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。プログラムの勉強にもなり、「へぇ~こんなことも出来るんだ」と思ったもの。今回は(PHP/jQuery/js)です。画像/PHP1.画像リサイズPHPでの画像のリサイズ、切り抜きができる画像編集ライブラリ(class.image)。画像の編集が楽になります。PHP+GDによるプログラミングの基礎はこちら。JpGraphを使ったグラフの描画2.画像に字を書くImageTTFText関数を使う方法など。一つは2つの画像を合成したり、文字を書き込む方法。PHPのImagickを使って合成画像を作ってみる画像に字を書く|離れPHP島3.画像の拡大・縮小・サムネイル出力GDとは簡単に画像の作成や編集をするためのライブラリです。以下はPHP用グラフィックライブラリGDの使い方。GDプログラミング4.グラフの描画グラフを作成できるJpGraphの導入や使い方。GDインストール方法も載せてあります。(gd/JpGraph編)5.画像エフェクト25個ImageMagickのフィルタまとめ。レベル補正、ぼかし、合成、分割など。画像編集ソフトいらずです。しているページのURLを取得する方法。指定したサイトの中身(HTML)をゴッソリ取得する方法。Yahoo!ブログ8.URL自動リンク文中にURLがあるか、正規表現でチェックしてリンクに変換する方法。PHPプロ!Q&A掲示板9.ページを強制的にジャンプ強制URLジャンプさせる関数です。あるページから別のページに移るときなんかに置くと便利です。PHPのメモ帳強制URLジャンプさせる【header】10.RSSやXMLを読み込むライブラリを使う事なく、XMLを簡単に読み込む方法。RSS配信を組み込める一番簡単なコード。4GALAXYのメモ時間、セキュリティ/PHP11.タイムスタンプローカルの日付/時刻を書式化する、日付の使用オプション。年を自動で更新したいときはこれ。予約した日時になると自動的に更新させる方法。サイトリニューアル時にも活用できます。design14.スクリプトを自動実行cronとは、スクリプトを自動実行するデーモンプロセス。設定ガイドを参考にします。PHP自動実行するには15.ショッピングカートショッピングカートの実装。PHPとは何ぞや?というところから書いてあります。(1/5)16.ユーザー認証Authの使い方について。ファイルの読み込み、コンストラクタ、テストまで。指定した位置から指定した分だけ文字を取り出す方法。リファレンスはsubstr()関数/PHP関数リファレンスでどうぞ。文字列を、指定した文字列に置換する最も基本的な関数。str_replace()関数/PHP関数リファレンスメール/PHP19.メールを送る文字化けしないメール送信方法。php.iniでsendmail_pathの設定が必要。登録用URLが自動返信される設定。簡単なパスワード認証サンプル。Cookieを使う方法とSession両方あり。空のファイル作成、ファイル更新時やアクセス日時を変更するには「touch関数」を使います。以下はPHPでファイルを作る方法。memo23.csvファイルを読み込みCSVファイルを読み込むには「fgetcsv関数」を使用します。以下は1回実行するたびに、CSVを1行ずつ読み込むサンプルです。Codaholic24.Excelファイルを出力PHPでExcelファイルを生成できるライブラリ「PHPExcel」の使い方。マイナビニュース25.PDF作成PDFファイルを作成するための無料のライブラリ「FPDF」の使い方。業務系にも便利ですね。FPDFを使ったPDF作成その他/PHP26.ページャーページャー(2ページ目以降のナビ)の作り方。CSSつきなのでありがたいです。webOpixel27.カレンダーシンプルなカレンダー。JavaScript版とjQuery版とある。Website28.QRバーコード超基本的なQRコード生成方法。「getFrame()」を使います。ffmpeg-phpではGDと連携して動画の1シーンを画像に変換可能です。PHPプロ!TIPS+PHPから動画を扱うためのライブラリ音/jQuery・JavaScript30.マルチトラックの音楽を作成JavaScript製のソフトウェアPianoRoll.js。ピアノロールを使ってマルチトラックの音楽を作れます。ピアノロールを使ってWeb上で音楽を奏でよう「PianoRoll.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ31.動画、音楽プレイヤーjQueryで可能な音楽や動画プレイヤーのまとめ10。シンプルなものとお洒落なものアリ。DesignDevelop32.Youtubeプレイヤーを作成Youtubeプレイヤーを作成できるjQueryプラグイン。CSSでカスタマイズ可。計算して表示パラグラフ数、文字数、段落などを計算するJavaScriptライブラリ。計算して表示できる「Countable.js」:phpspot開発日誌34.テキストを均等割りCSSでなく、「jQuery.justify.js」を使って綺麗に均等割り付けをする方法。OZPAの表435.自動振仮名入力フリガナ入力補助ライブラリautokanaの紹介。Analyticsでは、サイドバーからユーザーフローを確認できますが、こちらはページから、どのイベントがアクションされて、どのページに遷移したのか。|カグア!Googleアナリティクス解説Blog37.Googleアナリティクス/スクロールイベントを取得jQueryプラグイン(jquery-scrolldepth)を使います。イベントトラッキングを利用してページがどこまでスクロールされたのか、いわゆる精読率を調べる方法。株式会社アクトゼロ38.Googleアナリティクス/参照元/メディア」などををカスタム変数にセット参照元や年月日をカスタム変数としてセットするJavaScript。アユダンテ株式会社グラフ/jQuery・JavaScript39.フラットデザインぽいグラフシンプルで綺麗なフラットデザイン系のグラフ。見栄えがかなり良いので、使ってみたくなるはずです。startapp40.折れ線グラフこちらはHighcharts.jsを使った折れ線グラフの作り方。jQuery知識ゼロでも超簡単!!Highcharts.jsで折れ線グラフを描いてみました。html5に対応させる互換性の維持。未対応のブラウザでもHTML5タグを使用可能です。Staffを見て感動。これくらい控えめだったら、使ってみたいと思うはずです。一部のみを小窓をで拡大してくれるタイプのプラグインなど。ズームイン系まとめです。DesignDevelop44.背景グラデーショングラデーション系プラグインの中で、多分一番綺麗に表示してくれます。美しいマルチレイヤーの背景グラデーションが作れるjQueryプラグイン「SHARDS」:phpspot開発日誌45.モーダルダイアログ/ポップアップモーダルダイアログとは「元のウィンドウが操作不可能な状態」にする表示。以下は結構スタイリッシュに表示できます。「右クリック禁止にしてくれ!」は確かに、クライアントさんに言われたことが何回かあります。jQueryで右クリック禁止にする方法です。more)を実装する方法。時間/jQuery・JavaScript48.日付カレンダーフラットデザイン調な比較的シンプルなカレンダーを表示するプラグイン。Developers.IO以上、覚えとくと便利な「プログラム」サンプルまとめでした。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。この後によく読まれている記事2015/10/5スマートフォンサイト構築時に気をつけたいポイント集スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。デバイスを横向きにした2016/07/4意外と盲点だったCSS3の役立つ小技まとめリニューアルを行った時に、CSS3で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。オートフ2016/08/1CSSのみで実現させる、すごいアニメーションやフレームワークまとめCSSのみでおしゃれなアニメーションを付与できるフレームワークやライブラリ。新しいものだけでなく、少し古いけど使えそうなものも掘り起こしてまとめました。画像2014/12/22素早く制作できた!Web制作に役立つトレンドのツール一覧2014年、WPテーマやコーポレートサイト作成時にお世話になったツールと2015年に使いたいツール。素早くコーディングを行うために知っておきたいツールをメモ。コメントデータの処理方法の詳細はこちらをご覧ください。