前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。 非常にシンプルなHTMLで実装でき、デモを実際に見るとその美しさに感動すら覚えます。
Vue-html-editor by Haixing-Hu シンプルデザインがいい感じのvue.jsベースのWYSIWYG「Vue-html-editor」 Bootstrapなサイトでも違和感なく使えそうなデザイン。 関連エントリ Bootstrapでたて型のタブを実装できる「Bootstrap Vertical Tabs」 Bootstrapのテーブルをソート可能にする「Bootstrap Sortable Tables」 Bootstrapなサイトで階層的なツリービューを作成できるUIライブラリ「bootstrap-treeview」 BootstrapでのPaginationのUIをレスポンシブ化する「rpage」
まずは紙。家にあるチラシの裏の白い部分でも可能なのですが、方眼のものが製図しやすいです。お気に入りのノートを使ってみてください。後述するプロトタイプ制作ツールのMarvelから、無料のプロトタイピング用紙(PDF)が配布されているので、こちらを使ってみてもいいですね。 基本的にどんなペンでも構わないのですが、太いペン、細いペン、薄い色(灰色)のマーカーの3種類あれば文句なしです。マーカーはなんやかんやコピックが使いやすいのかなーと思います。 その他 紙とペンだけでOKですが、よく使うアイコンが手軽に描けるUI Stencilsという定規兼ステンシルがあると便利です。iPhone用ステンシルだけではなく、様々な種類が用意されているので、興味のある方はUI StencilsのWebサイトを覗いてみてくださいね。 ペーパープロトタイプの描き方 1. ざっくりとしたレイアウト組み まずは画面をレイ
古きよき時代から来ました、まじめなSE、まじめにSE。 id:bash0C7 です。 先日、テスト駆動開発を座学だけでなく実習形式で手を動かして身につけるイベント、TDD Boot Campの社内版を開催しました。 このエントリーではどういった狙いでどのようなかたちで開催したのかを解説します。 TDD Boot Campとは TDD Boot Camp(TDDBC) - TDDBC のサイトに下記の説明があります。 TDD Boot Camp(TDDBC) とは、テスト駆動開発(Test Driven Development)について、座学だけでなく、実習形式で手を動かして体得することを目的とするイベントです。 各地のコミュニティの方々が中心となって、全国各地で行われています。 わたしはかつて2010年の 7月10日 TDD Boot Camp名古屋(愛知県) に参加し、そのおかげできちっ
【ライブラリ説明】 住所→緯度経度 緯度経度→住所 変換ができる 【プログラム】 今回はvirtualenv上で実行したらUnicodeEncodeErrorが出たため、 Anaconda2にダイレクトにpip installしました。 ちなみにデフォルトエンコーディングをutf-8にしています。 参考サイト→pythonのデフォルトエンコーディングをutf-8に変更する # -*- coding: utf-8 -*- from geopy.geocoders import Nominatim geolocator = Nominatim() location = geolocator.geocode("東京駅") print (location.latitude, location.longitude) # (35.68018575, 139.768196161308) location
小文字⇔大文字の変換方法については、以前にsedでの処理方法について記述したことがあったが、処理の仕方としてはsedだけではなく、Bashの構文を使ったりtrやawkを使ったりといろいろなアプローチの仕方がある。 今回は、それらについてを紹介する。 1.Bash 4.0以降での方法 Bash 4.0以降では、構文として変数を呼び出す際に小文字⇔大文字の変換をさせることができる。 大文字化 ${変数^} # 最初の一文字目のみ大文字化 ${変数^^} # すべて大文字化 [root@BS-PUB-CENT7-01 test1]# v=test;echo ${v^} Test [root@BS-PUB-CENT7-01 test1]# v=test;echo ${v^^} TEST 小文字化 ${変数,} # 最初の一文字目のみ小文字化 ${変数,,} # すべて小文字化 [root@BS-P
Djangoのクエリセット評価タイミング http://djangoproject.jp/doc/ja/1.0/ref/models/querysets.html 実際にSQL出しながら検証していきます。 準備 環境: Python 2.7.10 Django 1.9.7 MySQL 5.6.30 データ: 単純な書籍管理クラスを適当に作成 mysql> select * from book_book; +----+------+-------------+-----+----------------------------+----------------------------+ | id | name | description | tag | created_at | updated_at | +----+------+-------------+-----+-----------
人前で話すことが、めっぽう苦手なwepli.2管理人の敷島久之です。前もって、自己紹介が予定されている場合は、事前に話す内容を準備できますが、会社の研修や、サークルの集まり、合コンなど、突然自己紹介を振られるという危機的な場面て、人生で何度もありますよね。そんなピンチの時に役立つのが、本日ご紹介する『JICCO』というWEBサービスです。 自己紹介文作成ツール『JICCO』とは!? 『JICCO』はこんな感じのWEBサービスです 『JICCO』を実際に使ってみた! さいごに 自己紹介文作成ツール『JICCO』とは!? ⇒ JICCO公式サイト 『JICCO』とは、自己紹介の項目が質問形式で表示されるので、それを選択するだけで自己紹介文を作ってくれるWEBサービスです。特にアカウントを作る必要もありませんし、もちろん無料で使うことができる、僕のような上がり症の人にもって来いのツールというわけ
こんにちは、sunflatです。 今期のアニメは、とんかつDJアゲ太郎と宇宙パトロールルル子が好きです。 今回は、リモートのサーバーを設定するためのツールである Knife-Zero を使った時に、つまづいた点とその解決策をまとめてみました。 Knife-Zero とは Misocaでは、サーバーの設定の自動化にChefを使っています。 Chefのレシピ(設定手順をコードで書いたもの)をリモートのノードに適用するためのツールとして、Misocaでは以前から knife-solo を使っていました。しかし、knife-soloが使っているChefの機能であるChef Soloが非推奨となったことなどから、代わりにKnife-Zeroを使うことを計画しています。 *1 Knife-Zero を使った時につまづいた点とその解決策 その1. ノードファイルに色々書き込まれる knife-solo
よいコードを書くためには,設計の基本を守り,既存のコードを読むことが必要である – Java ChampionでハイパフォーマンスコンピューティングのスペシャリストであるMartin Thompson氏のことばだ。InfoQは,QCon London 2016で“Engineering You”と題した講演を終えた氏に,ソフトウェア産業が直面する課題は何か,プログラマがそれを克服して優れたソフトウェアエンジニアになるにはどうすればよいのか,などをインタビューした。 InfoQ: 講演の中であなたが引用した,1986年の,ソフトウェアエンジニアリングに関する最初のNATOカンファレンスの内容は,現在でも通用します。ソフトウェア産業がいまだ問題を解決できないのはなぜでしょう? Martin Thompson: 1986年のNATOカンファレンスには,たくさんのテーマがありました。彼らはソフトウ
B! 7 0 0 0 Windows 7とか以前は スタートメニューにあったスタートアップフォルダが Windows 10ではスタートメニューからは辿れないようになってます。 Windows 10でのスタートアップフォルダ Windows 10でのスタートアップフォルダ スタートアップフォルダにプログラムのショートカットなんかを置いておくと 起動時に実行してくれます。 プログラム側からスタートアップに登録、というオプションがあるものも ここへショートカットを入れたり消したりすることで 起動時に立ち上げる登録をする物があるので スタートアップフォルダを見ると 起動時に立ち上げるプログラムをある程度把握できます。 Windows 10ではスタートメニューからこのフォルダが辿れないので エクスプローラーなどで 以下のフォルダを直接開く必要があります。 全てのユーザー共通: C:\ProgramD
開発言語 開発当初はObjective-Cで書いていましたが、やはりSwiftの方がStruct/EnumなどSwiftyに書けるのが便利で、徐々にSwiftへ移行しています。 Swift / Objective-C(古い機能はObjective-Cで書いてあるので移行中) HTML/CSS(アプリサポート用サイトのコーディング) Python(画像のリサイズなどで自動化スクリプトをつくるとき) Ruby(fastlaneのアクション作成) Bash(Info.plistの設定変更やxcodebuildの自動化バッチをつくるとき) 利用しているWebサービス 定番のサイトも多いですが、カテゴリ分けして整理してみました。 リファレンス系 以下に書いてあるサイト以外にも個人の技術ブログなどにもとてもお世話になっています。 Qiita(情報収集/アウトプット) Developers.IO(情報収
�フレームワークを利用した�シングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。Read less
お勉強がてら簡単に作るはずだったのに疲れた。 https://god-of-meal.herokuapp.com/ GitHub - 711fumi/god-of-meal: God will tell the restaurant not far away. やったこと 現在地(緯度経度)から近そうなごはん処をぐるなびAPIを使って取得、テキトーに選んで表示する。 環境(試したかったものとか) React.js Rollup.js Express(Node.js) Heroku Gulp.js Material Desing Lite Enzyme(mocha, chai) メモっておこう(参考にしたものとか) JSで位置情報を取得 Geolocation API、SSL(HTTPS)じゃないと使えないっぽい。 JavaScriptで位置情報を取得する方法(Geolocation API
Visual Studio Codeのおすすめ拡張機能:特集:Visual Studio Code早分かりガイド(1/3 ページ) 連載目次 最新版が毎月のようにリリースされるVisual Studio Code(以下、VS Code)だが、今回はそうした流れとは一線を引いて、読者の役に立つかもしれない、あるいはちょっと気になる拡張機能を幾つか紹介していく。なお、本稿ではWindowsとMac OS X(以下、OS X)で動作を確認している。 その前に 本稿では言語関連の拡張機能(色付きの構文表示、デバッグ、リンターなど)は取り上げない。自分が使っている言語、自分の好きな言語に合わせて、拡張機能をインストールしてほしい(としかいいようがない)。 ちなみに筆者はC#プログラムの動作チェックでは、Visual Studio 2015を使っているので、VS Codeの主な用途はJavaScrip
解説 マイクロソフトのオンラインストレージサービス「OneDrive」を使うと、複数のPCやデバイスで同じデータを共有できるだけでなく、Windows 8.1やWindows 10のPC設定を同期させるためにも利用できる。 Windows PCでOneDriveを長く使っていると、ごくまれだが、同期作業がうまく行えなくなることがある。OneDriveフォルダにファイルを保存してもクラウドへアップロードされなくなったり、逆に他のPCでOneDriveに保存しても、いつまで待ってもローカルにダウンロードされなくなったりする。 このような場合は、OneDriveの同期に関する設定を見直したり、同期状態をリセットするなどの措置が必要となる。本TIPSでは、Windows PCを対象として、OneDriveの同期がうまく機能しなくなった場合に行うべきトラブルシューティング方法についてまとめておく。O
この記事を読んだ。 http://anond.hatelabo.jp/20160619185731 元COBOLエンジニア、現Rubyエンジニアとして増田の記事がどうしても許せなかったので反応してみる。 この記事もこんなタイトルだけど、これもやっぱり主語が大きいと思う。 汎用系の現場でもRubyの現場でも優秀な人はたくさんいたし。 今では信じられないほどの経験を当時(といっても2年前)はしていた。 改めて今、RubyというかRailsを始めてよかったなーと思う。 そこで僕が経験した糞だった現場をご紹介したい。 (もちろん業界特有ということもあると思うが) インデントは定規で計るいやー、これが一番ひどかったな。 まず静的デバッグ(机上デバッグ)といってコンペアファイル、ソースコード、コンパイルログをそれぞれ紙出しして提出用(クライアント)、リーダー、上司用の3部印刷する。 全てマーカーを塗っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く