Codeigniterで独自のバリデーションを作成する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ひろゆきです。 今日は、Codeigniterで独自のバリデーションを作成した際のメモ書きを残したいと思います。 Codeigniterはデフォルトである程度簡易的なバリデーション機能をForm_validationクラスにもっていますが、入力された値がDBに登録されているかどうかなど、ちょっと複雑なバリデーションに関しては自作するしかありません。（当たり前ですが……） 普段なら以下のようなコードで、必須チェック、数字チェック、長さチェックなどを行いますが、ここでさらに、test_idがDBに登録されている値かどうかをチェックしたい場合があります。 $this->form_validation->set_rules('test_id', 'テストID', 'required|numeric|max_length[9]'); ※trimなどは今回は省略しています。 そんなときは以
【2015年版】リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG
こんにちは！ アドチームのきょうへいです。 以前「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきましたので今年も2015年版を書こうと思います！ 今回は色々なLPを見ていたときに気になったものをまとめたものなので、共通点があまりないかもしれませんが、どれもキレイなデザインだったり、面白い動きをするページで、スクロールをさせられてしまうものばかりです。 1. Beagle https://getbeagle.co/ ※現在、上記リンク先は表示できません。 スクロールエフェクトがユニークなLPです。 ファーストビューで大きな写真を使用していて、スクロールをするとそれぞれのアニメーションがさまざまな動きをします。気が付いたら上から下まで何度もスクロールしまくってました。素敵です。 2. Melanie F http://www.mela
Perfmap - Webページパフォーマンスをヒートマップ化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトの表示速度は重要です。スマートフォンなどにおいても表示が高速に行えなければ訪問者はあっという間に離れてしまいます。Google Chromeなどの開発者用ツールではリソース単位で一覧表示はできますが、今ひとつ実感として沸きづらいのが難点です。 そこで使ってみたいのがPerfmapです。リソース単位の表示速度をヒートマップ風にビジュアル化してくれるGoogle Chrome機能拡張です。 Perfmapの使い方 PerfmapはChrome Web Storeで配信されていますのでインストールは簡単です。アイコンが表示されたら準備完了です。 そして任意のWebサイトを表示し、アイコンをクリックします。 緑であれば総じて問題はないでしょう。2つの数字があり、一つ目はページが
GitHub Linker·GitHub上でnodeライブラリをリンクしてくれるChrome機能拡張 MOONGIFT
システム開発を何の依存性もなく行うのは難しく、かつ余計な手間を増やすだけになっています。既にある多くのライブラリを組み合わせる方が効率的、かつ利用する人にとってもメリットが大きいと言えます。 その反面、利用するライブラリが増加し、一体どんなコードを使っているのか分かりづらくなります。そこで使ってみたいのがGitHub Linker、GitHub上のnode.jsライブラリをリンクしてくれるGoogle Chrome機能拡張です。 GitHub Linkerの使い方 GitHub LinkerはChrome ウェブストアでインストールできます。そしてインストールしたら、GitHubでnodeライブラリ系のプロジェクトを見てみましょう。 そうするとこのようにライブラリがクリッカブルになります。 クリックすると、そのライブラリのGitHubプロジェクトにジャンプします。node系ライブラリの殆ど
Performance-Analyser - Webサイトパフォーマンスをレポートするブックマークレット MOONGIFT
Webサイトのパフォーマンスは高いに越したことはありません。遅いサイトはあっという間に訪問者から離れられてしまいます。また、最初はパフォーマンスが高かったのに、更新を繰り返す度に徐々にパフォーマンスが劣化していくというのもよくあることです。 だからこそ定期的にパフォーマンスチェックを行わなければいけません。そのためのツールになりそうなのがPerformance-Analyserです。 Performance-Analyserの使い方 Performance-AnalyserはChrome ウェブストアで配布されていますのでインストールは簡単です。 インストール後、任意のWebサイトでPerformance-Analyserを実行します。 リクエスト数、表示時間などが分かります。 ナビゲーションタイミングやアクセスしているドメインの種類。 リソースの種類。 リソースを取得しているタイミングに
airpaste - 2台のコンピュータ間で使えるメッセージ/ファイル送受信 MOONGIFT
2台の隣り合った、または社内の他のコンピュータに対してテキストやファイルを渡したいと思うことは多々あります。ファイルサーバがあっても、そのパスを口頭で教えるのではなく、データで渡す方が正確です。 そのために近くの人にメールするのも面倒…と思ったらairpasteを使ってみましょう。2台のコンピュータ間で素早くファイル、テキストが送信できます。 airpasteの使い方 airpasteはnpmでインストールできます。 $ npm install -g airpaste インストールしたら、メッセージを受け取りたい方のコンピュータでairpasteコマンドを実行します。そうすると待機状態になります。 そしてもう一台のコンピュータでメッセージを送信します。 $ echo hello world | airpaste そうするとこんな感じでメッセージが表示され、終了します。 $ airpaste
いまさら聞けないJSONPのまとめ
JSONPについてまとめました。 １．はじめに JSONやJSONPが流行り出したころ、JSONはまあそれなりに理解できたのですが、JSONPの仕組みや振る舞いについてなかなか理解できず、過去に色々調べてまとめたのですが、まとめたものをブログに公開しないまま放置していました。 ということで、スライドを作っていたのを思い出したので、SlideShareにアップロードしたものをこちらでも公開します。 情報がやや古いかもしれませんし、認識誤り等あればどこかでつぶやいてください。 ２．JSONPのまとめ
200種類の汎用性に優れたSVGアイコンとその使い方が勉強になる！新しいデザインに役立つUIコンポーネント素材 -WPF UI
今までとは一味違う新しいデザインを組み立てるのに役立つ、美しくデザインされたUIコンポーネント素材を紹介します。アイコンを得意としているクリエイターの制作なので、汎用性に優れたアイコンが素材に含まれているだけでなく、その使い方にも注目です。 素材は商用無料で、ライセンスは良い子だけが使える「Good Boy License」。 手を洗わない子は使っちゃダメ！ WPF UI Framework WPF UI Framework -GitHub ダウンロードできる素材のフォーマットは、2種類。 .psd (Photoshop用) .sketch (Sketch用) アイコンは、200個の.svgファイルで含まれています。 コンポーネントにはWindows 8をテーマにしたさまざまなものが揃っています。 200種類のSVGアイコン オフキャンバス メニュー ソート機能付きのグリッド ツールバー
RegExr: Learn, Build, & Test RegEx
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). Supports JavaScript & PHP/PCRE RegEx. Results update in real-time as you type. Roll over a match or expression for details. Validate patterns with suites of Tests. Save & share expressions with others. Use Tools to explore your results. Full RegEx Reference with help & examples. Undo & Redo with {{getCtrlKey()}}
35 Free And Fresh Round Icons Designers Should Have | Naldz Graphics
In making a website design or app design and even in revamping desktops, a designer uses icons that definitely affects and boosts the whole design result. But for these icons to have a positive effect to the design canvas, it should jive with the theme and of course, be easily perceivable in order for the audience to notice them immediately. To help you have useful resources in your design arsenal
Fresh Free Fonts for Designers | | Graphic Design Junction
Modern free fonts for calligraphy, typography, web and graphic projects. These fonts are best to enhance your design. All fonts are free for designers to use in commercial or personal projects. High-quality fonts can significantly improve your design by simply included them in the project you are working on. You can use these fonts in a logo, tattoo, badges, emblems, titles, posters, Packaging, t-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタルイラストに本気で取り組んでいる人向け、本格派のタッチで描けるPhotoshopのブラシ素材 -Kyle Brush Pack
9 Free Amazing Photoshop Plugins For Designers
新着記事