【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
管理画面を作る：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
【初心者向け】データベースのテーブル設計で僕が意識している6つのこと - Qiita
はじめまして、himakuroです。 2017年ぐらいからQiitaに記事を投下しようと考えていたのですが、なかなか筆が乗らずようやく初投稿です 軽く自己紹介をしておくと、普段は社内SEとしてPHP、Ruby、Golangを書いたり、 趣味の個人ブログ方ではプログラミング初心者に向けた記事や雑記的なものを書いたりしています。 今回は記念すべき1つ目の記事と言う事で 僕が普段テーブル設計（主に命名）で気をつけている6つの事を書きました。 僕の好みも含まれていますが、初心者の方がテーブルやカラム名を決める際の参考になればなと思います。 テーブル名は必ず複数形にする テーブルは一つしかないから単数形を使うべき！ Modelも単数形で定義するじゃん！ みたいな反論が聞こえてきそうですが、僕は複数形で定義する派です。 また複数形にする場合に、テーブル名の途中の部分を複数形にしている物をたまに見かけま
クローラ作成に必須！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
Redmineのカスタムフィールドに＋１ボタン的なものを追加する - Qiita
人生で初めてAdvent Calendarを書いてみました。 背景 バグや要望などの管理で使用していますが、カスタムフィールドで要望者数なるものがあり、対応して欲しい人はそこの値をカウントアップさせる、という運用が存在していました。 「カウントアップするボタン欲しいよね」ってことで、ちょっとやってみました。 残念ながらSNSなどとは連携できない上に、プラグインも気軽に入れられないようなクローズドな環境でしたが、元々入っていたView Customize Pluginならできるだろうと思ったので、こちらを使います。 Qiitaにもたくさん先人達の知恵があったので参考にさせていただきました。 View-Customize公式 Redmineのプラグイン「view customize plugin」のカスタマイズ例 環境 Redmine view customize pluginの動作を手元です
ajaxで追加した要素へのイベントセット - Qiita
最近、フロントエンドの技術の進化とともにajax通信を行った後にリアルタイムでviewをレンダリングしていくなどjavascriptでリッチなユーザー体験をするようなサイトが多くなっています。 そうなると今までのjqueryの使い方では対応できない場合などがあります。 今回はクリックなどのイベント付与に関してまとめました。 まず以下は基本となるhtmlコードです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>box</title> </head> <body> <div id="contant"> <div class="box js-box"></div> </div> <script src="./js/index.js"></script> </body> </html>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
