MySQLでNOT NULLかつデフォルト値を指定しているカラムへのNULLでのUPDATE時の挙動と厳格モードによる挙動の変化 | DevelopersIO
MySQLでNOT NULLかつデフォルト値を指定しているカラムへのNULLでのUPDATE時の挙動と厳格モードによる挙動の変化 ローカルのMySQLでは特定のカラムアップデート時にエラーが発生するが、他の環境ではエラーが発生しないということが起きました。原因が分かるまで少し手こずったので、その内容と再現方法を書き残しておきます。 エラーとその解決方法 状況 NOT NULLかつデフォルト値を設定したTINYINTカラム(カラムAとする)を含むテーブルに対して、カラムAに対応した値にNULLを設定して1行アップデートを実行。環境Aでは実行成功し、環境Bではエラーが出て実行に失敗。 環境A: Aurora MySQL 5.7.12互換 sql_mode: 0(モードの設定なし) 環境B: MySQL 5.7.30 (mysql: 5.7) sql_mode: STRICT_TRANS_TAB
JavaScriptだけでExcel風のスプレッドシートを開発できる「jExcel」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptで簡単にExcelのようなスプレッドシートを作成できるライブラリをご紹介します！ 基本的な操作はすべてJavaScriptから制御可能であり、自分の好きなようにカスタマイズできる強力な機能が多数提供されています。また、簡単なプログラムだけでファイルの書き出し機能が利用できるなど便利なメソッドも多く含まれています。 自作のWebアプリなどにも手軽に組み込めるので、ご興味ある方はぜひ参考にしてみてください。 なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください。 【 jExcel 】 ■「jExcel」の使い方 それでは、まず最初に「jExcel」の導入方法から見ていきましょう！ 全部で3通りの方法が以下のように提供されています。
スマホサイトのデザインプレビューに。モックアップHTML（iPhone） | design Edge
スマホ対応サイトのデザインを、クライアントに確認してもらう際に使えるiPhone画面をイメージしたHTMLモックアップをダウンロードできます。 レスポンシブWebデザインも主流になり、Webサイトのスマホ対応が急速に進んでいる昨今、クライアントや代理店などに画像ベースでスマホ版のデザインを確認してもらう機会も多いと思います。 スマホサイトというからには実機で確認してもらうことがベストだとは思いますが、忙しいクライアントにサッと見てもらいたい場合などに便利なHTMLをダウンロードできるようにしました。 JPEGやPNGの画像を1枚ペタッと貼付ければ、iPhoneでの表示イメージを確認することができます。使えそうでしたらご自由にご利用ください。 Windows/MacのChrome39、Firefox35、WindowsのIE7〜11、MacのSafari6.1で動作確認をしています。ただし、
完全カスタマイズOK！ブロックスタイルのテキストエディタを開発可能な「Editor.js」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Mediumなどにも採用されているブロックスタイルのテキストエディタを開発できるJavaScriptライブラリをご紹介します！ ヘッダー要素・リスト・画像など、それぞれのコンテンツを独立したブロックで管理することができ、保存時の出力はクリーンなJSONデータとして取得することができます。 また、簡単に開発できるプラグインにより、欲しい機能を好きなだけ拡張していくことも可能なので、オリジナルのテキストエディタにご興味ある方はぜひ参考にしてみてください！ なおpaizaラーニングでは、JavaScriptの基本が学べる講座「JavaScript入門編」を公開しています。そちらも合わせてチェックしてみてください。 【 Editor.js 】 ■「Editor.js」の導入方法 それでは、最初にEditor.jsをどのように使えばよいのかを見て
【Javascript】リアルタイムプレビュー付き簡易htmlエディタ - Qiita
必要最低限の機能しか実装してないけどちょっと工夫すれば そこそこ実用的なものが作れるかと思います。そして楽！ クリックでデモページのzipファイルダウンロード Win,MacのChromeでのみ動作確認済みです 10/17 リンク間違ってました…ごめんなさい ソースコード <html> <head> <title>qiita_js003</title> <meta charset="utf-8"> <meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=2.0"> <style type="text/css"> *{ font-family: Meiryo; text-align: center; margin: 0; padding: 0; } #liveeditor{ margin: 10px
Laravelでチャット機能を実装してみた | Casley Deep Innovations株式会社 技術ブログ
こんにちは。松本です。 今回は、Laravelの機能を使って「チャット」機能を実装してみようと思います。 はじめに 今回はPUSHERという外部サービスを使用して、リアルタイム通信機能を実装します。 普段Laravelを使用して開発されている方に向けて記載しています。 あらかじめ、ご了承ください。 環境については下記です。 Laravel : 5.5 php : 7.1 MySQL : 5.7.19 上記の環境をHomesteadを用いて構築しております。 構成は、下記のようになります。 今回やりたいこと ・チャットメッセージが届いたらブラウザにPush通知 ・チャットメッセージが届いたらメールでも通知 必要な画面及び機能 ・チャットを利用するユーザの登録画面 ・チャットを利用するユーザを登録するテーブル ・チャット画面 ・チャットのメッセージを登録するテーブル ・メッセージのイベント発行
管理画面を作る：AdminLTE 基本編 - Qiita
管理画面を作るのは大変なので、なるべく手間を省きたい。Bootstrapでもいいが、意外としょぼくなるのと、何よりメニュ周りの制御が今ひとつな感じがする。そこで、管理画面作成に特化したCSSフレームワークを使ってみる。 いくつか選択肢はあるが、ここではAdminLTEを利用してみる。 bootstrapベースとはなっているが、いろいろと独自の癖があり、「bootstrapだと動くのに・・・」みたいなことがままある。 最初に注意 まじめに、TOPメニューから作って見たが、Dropdown等、基本的な機能がうまく動作しないことがあった。どうやら、他の要素に依存しているので、header(class="main-header")だけでなく、サイドバー(class="main-sidebar")や、コンテンツ(class="content-wrapper")、フッター(class="main-fo
私家版 Slim Framework チュートリアル (3) 〜 表示編 - Qiita
この記事について PHP のマイクロフレームワークのひとつである、Slim Framework ですが、チュートリアルがいまいちイケてないので、お題を流用しつつ、初学者にももう少し分かりやすくなるよう、アレンジしてみようという試みです。 本記事は第3回で、前回はこちら。 私家版 Slim Framework チュートリアル (2) 〜 ルーティングと新規作成編 - Qiita 概要 今回は、チケットの表示用ページ（一覧および１件）を実装していきます。 5. 一覧表示 5.1. View ファイルの作成 View ファイルをつくります。 templates/tickets/index.phtml というファイルを作成してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"/> <title>チケット管理</ti
便利なXPathまとめ - ZOZO TECH BLOG
こんにちは。 今日も元気にクローラー作成！バックエンドエンジニアのりほやんです。 最近クローラーを作成する機会が多く、その時にXPathが改めて便利だと思ったので XPathについてまとめてみました！XPathを学ぶ方の役に立てれば幸いです。 初級編 XPathとは XPathはXML文章中の要素、属性値などを指定するための言語です。 XPathではXML文章をツリーとして捉えることで、要素や属性の位置を指定することができます。 HTMLもXMLの一種とみなすことができるため、XPathを使ってHTML文章中の要素を指定することができます。 例えば、 <html> ... <body> <h1>ワンピース</h1> <div class="item"> <span class="brand">iQON</span> <span class="regular_price">1,200円</s
【初心者向け】データベースのテーブル設計で僕が意識している6つのこと - Qiita
はじめまして、himakuroです。 2017年ぐらいからQiitaに記事を投下しようと考えていたのですが、なかなか筆が乗らずようやく初投稿です 軽く自己紹介をしておくと、普段は社内SEとしてPHP、Ruby、Golangを書いたり、 趣味の個人ブログ方ではプログラミング初心者に向けた記事や雑記的なものを書いたりしています。 今回は記念すべき1つ目の記事と言う事で 僕が普段テーブル設計（主に命名）で気をつけている6つの事を書きました。 僕の好みも含まれていますが、初心者の方がテーブルやカラム名を決める際の参考になればなと思います。 テーブル名は必ず複数形にする テーブルは一つしかないから単数形を使うべき！ Modelも単数形で定義するじゃん！ みたいな反論が聞こえてきそうですが、僕は複数形で定義する派です。 また複数形にする場合に、テーブル名の途中の部分を複数形にしている物をたまに見かけま
【CakePHP入門】findでエンティティを検索し取得する方法 | 侍エンジニアブログ
テーブル「persons」を作成後、bakeでmodelを作成しています。 bakeの実行例(linux)： bin/cake bake model persons findメソッドの第1引数に‘all’を使用して全データを取得するソースコード「/src/Controller/PersonsController.php」は下記のとおりです。 URL「/persons/index」を指定した場合に、findメソッドで取得したデータを表示するように記述しています。 URL「/persons/index」のテンプレートは「/src/Template/Persons/index.ctp」で記述しています。 /src/Controller/PersonsController.php： <?php namespace App\Controller; use App\Controller\AppCont
ブラウザ上でサインを書けるjQueryプラグイン「jSignature」:phpspot開発日誌
jSignature ブラウザ上でサインを書けるjQueryプラグイン「jSignature」。 CanvasかFlashで描画出来るので多くのブラウザに対応。ウェブサイトにサインを導入したい場合に使えるかも 実装は以下のように超簡単です <script src="libs/jSignature.min.js"></script> <div id="signature"></div> <script> $(document).ready(function() { $("#signature").jSignature() }) </script> データをSVGのbase64形式で取得できたりもするみたい デモページはこちら サイン書いてみました（＾＾） 関連エントリ アイテムを浮遊させられるjQueryプラグイン「jqFloat」 一見普通のテーブルだけどExcel風に使えるjQueryプ
Canvasを使って手書きの署名機能を実装する | カバの樹
環境 ブラウザ：vivald・iOS safari はじめに ルート営業を行うクライアントから、タブレットの契約書に手書きで署名できる機能が欲しいと言われました。 アプリで作ろうか悩みましたが、試しにHTML５で実装したものを提案してみました。 デモ See the Pen eeXqzy by カバの樹 (@kabanoki) on CodePen.0 ソース （2022/04/05 改定版） 戻る進むが機能しない不具合を修正しました。（2022/04/05） IEで動作しない不具合を修正しました。（2018/10/25） HTML <canvas id="canvassample" width="500" height="300"></canvas> <div style="padding:10px"> <button type="button" onclick="clearCanvas
Material Design for Bootstrap4（その1）導入とカードデザインの実装 | 創kenブログ
Bootstrap4を使い慣れてる人ならば、マテリアルデザインを簡単に導入することが出来る「Material Design for Bootstrap4」。 ＊Material Design for Bootstrap 「Material Design for Bootstrap4（以下、MDB4と呼称）」は無料で商用利用可能です。 クレジット表記も必要なく、制作にも使えます。 ライセンスは「MTIライセンス」で、 ソースコード内（mdb.min.css）にクレジット表記が載っているので、それさえ消さなければ問題ありません。 以前、MDB4について単発の記事に概要のみ載せました。 また、これのBootstrap3対応バージョンについて、8回のシリーズで書きました。 Bootstrap4も正式リリースから半年以上経ちましたので、そとそろ皆さん慣れてきた頃かと思います。 今回から数回に渡って「
Xpathまとめコマンドとその使用例・チートシートでカンタンに実験する - それマグで！
はじめに。 xpath 便利です。 Xpathの書式を学ぶにはトライ・アンド・エラーが１番です。Xpathをもっと使うのためには、手軽なツールが必要です。 libxml のxpathコマンド 手軽なツールはlibxmlについてくるxmlintです。xmllint についてはココに書きました→xmlを扱う xmllint コマンドで xpath - それマグで！ しかし、xmlint では日本語の取扱が残念なので、xpathコマンドをnokogiriで再発明しました。 足りないので、自分で作った。 Xpathの便利さをもっと気づいて欲しい。なので手軽にXpathを試して練習したい。手軽に試したら、Xpathできたら楽しいよね。 学習用に、Xpathコマンドを作りました。 で、お手軽にXpathを作れるような方法を考えた結果、Nokogiriを利用したコマンドを作ることにした。 xpath ·
クローラ作成に必須！XPATHの記法まとめ - Qiita
最近クローラーを作成する機会が多く、その時にXPathが改めて便利だと思ったので XPathについてまとめてみました！ XPathを学ぶ方の役に立てれば幸いです。 初級編 XPathとは XPathはXML文章中の要素、属性値などを指定するための言語です。 XPathではXML文章をツリーとして捉えることで、要素や属性の位置を指定することができます。 HTMLもXMLの一種とみなすことができるため、XPathを使ってHTML文章中の要素を指定することができます。 例えば、 <html> ... <body> <h1>ワンピース</h1> <div class="item"> <span class="brand">iQON</span> <span class="regular_price">1,200円</span> <span class="sale_price">1,000円</sp
XPathのまとめ、要素の参照方法いろいろ
XPathとは XPath(XML Path Language)とは、XML形式の文書から、特定の部分を指定して抽出するための簡潔な構文(言語)です。HTML形式の文書にも対応します。 CSSではセレクタを使ってHTML文書内の特定の部分を抽出しますが、XPathはより簡潔かつ柔軟に指定ができるとされています。以下の例はbody以下のリンク要素(hogeクラス)を取り出す書き方です。 CSSセレクタ html > body a.hoge XPath /html/body//a[@class="hoge"] XPathを試してみる 上記のとおり、XPathはHTMLのパースに使えます。なのでHTMLに対してXPathでデータを抽出するのがお試しとしては簡単でしょう。 Google Chrome で XPath を書いてみる Google Chrome の開発者ツールには、XPathによる検索
CSS3でDIVを横並びに配置する方法 | ぶろぐち
CSS3でDIVを横並びに配置する方法 こんにちは！ぐちです。 CSSで横並びって難しい？ 従来はfloatやdisplay:table-cell等を使う必要がありましたがdisplay:boxを使うと簡単に横並びの配置を実現することができます。 難しいことは考えずに(笑)下記のCSSとHTMLを書いてみましょう！ <style type="text/css"> .box { /* レイアウトを指定 */ display: box; display: -webkit-box; display: -moz-box; /* アイテムを左右中央寄せにする */ box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; background-color:#c0c0c0; } .item { width: 50px; hei
WebSocketでチャットアプリを作ろう① ~WebSocketサーバの立て方~
チャットやオンラインゲームなどのアプリではリアルタイム通信機能が必要になります。実装の難易度が高そうに感じられるかもしれませんが、Monacaアプリで使われるHTML5であれば、WebSocketという技術を使うことで比較的簡単に実現できます。 こちらの記事ではWebSocketの概要と、その導入方法について紹介します。 WebSocketとは WebSocketは読んで字のごとく、Web上でソケット通信を実現する技術になります。これまでのHTTP通信では一回の接続ごとに情報が送受信されて切断される仕組みでした。そのため、サーバ側からクライアントに対して情報を送る（プッシュする）のが困難でした。 サーバ側から情報をプッシュする技術として、WebSocket登場以前にも幾つかの方法がありました。 multipart/x-mixed-replace Firefoxの前身であるWebブラウザ、N
予約管理システム | booyan log
[users]と[appointments]テーブルは、登録によって随時データが追加されていくテーブルになります。 [orders]と[times]テーブルはデータが可変されない固定テーブルになります。別に無くてもいいのですが、コントローラ内でこのデータを持たせると、変更が生じた場合に面倒なので、データベースに保持するようにしました。例えば、オーダー内容に変更が合った場合、ソースコードを触らなくてもデータベースのデータのみの変更で対応できます。(プログラマーにとってはソースコードを変更した方が簡単かもしれませんが、、、) テーブルを作成したら、Bake によって基本ファイルを自動生成します。 生成されるファイルで必要となるものは以下(赤字)になります。 上記以外のコントローラとビューのファイルは今回は使わないので削除してしまっても大丈夫です。 また、ビューの[Users]内にある「logi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
