id:Aに対して以下のように書く $("#A").contents().remove(); $("#A > *").remove();
前回の反対。 KJ法が使えるTrelloにTextwellからカードを転送する方法短冊で情報を整理する。TrelloというWebサービスをご存知ですか。一応Todoサービスということになっていますが、実態は「カード式データベース」です。Googleアカウントで使えます。短冊を作り、... Textwellからカードを放り込むのは出来たとして、今度はTrelloで並べ替えた結果をTextwellに戻す方法。ちょっと調べてタイトルの読み込みならすぐ出来た。 Textwell 1.3.3 分類: 仕事効率化, ユーティリティ 価格:¥300 (Sociomedia, Inc.) 起動するとTrello.comが開き、閉じるとリストを取得するアクション。 T.closelets([ {title: "読み込み", fn: function(){ text=""; list=document.get
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得 最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar(似たものをスクレイプ)」を選択します。 す
仕事でTrelloを使う機会が多く, 最近では個人の用事もTrelloを使って管理し始めた. ところで, Trelloには様々なショートカットが用意されていて便利である. しかし, 意外に知られてないが, 覚えるとすぐに使える便利なショートカットがいくつか存在するので紹介する. メンバーの補完 Trelloでは, @usernameと記述することで, メンバーの自動補完を行ってくれる機能が存在する. これは, コメントの記入時にメンション機能として使うことが多いが, 新しいカードを追加するときにこの機能を使うと, そのカードに指定したメンバーを割り当てることができる. 以下に使用例を示す. ラベルの補完 新しいカードを追加するときに, #labelnameと記述することで, 名前がlabelnameのラベルを割り当てる事ができる. もちろん, 複数ラベルを割り当てることも可能である. 場所
こんにちは、てっちゃんです。 みなさんはお花見しましたか?今年は安定した暖かさで例年よりもすごしやすかったなと思いました。 そして、私事ですがこの春から花粉症デビューになりそうというお話をいただきまして、毎日マスクが手放せません。いやー、のどのイガイガがたまらなく嫌ですね。 今回は、cssの設計について調べたことを書いていこうと思います。 弊社でもフロントエンド陣によりある程度のコーディングガイドラインは決まっていますが、 記述の細かい仕様までには及んでいません。コンポーネントの作り方なども人によって差異が出てきます。 複数人で作業とも慣れば尚更その差異は大きくなります。cssは記述自体はとても簡単でそれゆえに、とてももろくすぐに壊れてしまいます。 参考:なんでCSSすぐ死んでしまうん そこで壊れにくcssを設計するためには以下が重要だと言われています。 拡張性 保守性 明瞭性 参考:CS
こんにちは!LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 皆様、CSS書いてますでしょうか。 今回はSMACSSやBEMをある程度ご存知の方向けに、コンポーネントをマークアップする際に役立つテクニックと題して、「SMACSSを使う際に役立つテクニック」「BEMを使う際に役立つテクニック」「さまざまなシーンで役立つテクニック」をご紹介したいと思います。 なお、SMACSSやBEMをご存知ない方は、本記事の参考文献&記事のリンクが参考になると思いますので、はじめにこちらをご参照いただければと思います。 ※「コンポーネント」という言葉は、使われるシーンによってさまざまな意味になりえますが、本記事においては「Webページを構成するパーツ」と定義させていただきます。 SMACSSを使う際に役立つテクニック編 まずはSMACSSを使う際に役立つテクニックからご紹介します。
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 コーディングをしていて、クラス名に迷うことってありませんか? ボタンや見出しといった、比較的単純なコンポーネントなら「.button」「.headline」など、すぐに思いつくかもしれません。 しかし、それが複雑なコンポーネントだったりすると、なかなか思いつかないものです。 そんな悩みを解消したいと思いまして、いろいろなサイトのソースコードを見て、開発者がどんなクラス名をつけているのか調査してみました。 今回は、その中からよく使われていたクラス名と、「これはナイスネーミング!」と思ったクラス名をピックアップしたいと思います。 thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブ
HTMLとCSSクラスの命名について 命名で使用する単語に迷います。どうしたらいいですか。 基本単語のみをつかって命名すればいいんだ!! ブロックなど親要素で使えそうなclass名 container : コンテナ main : メイン global : グローバル home : ホーム hero : でかいブロック。bootstrapのサンプルにある inner : 中味。 outer : 囲っているもの。親。wrapperと同じ。 wrapper : 囲っているもの。親。 例えば、facebookのidだとおおまかに home > globalContainer > content > mainContainer ブロックや子要素で使えそうなclass名 article : articleタグがあるのであまり使いたくない。 block : 囲っているもの。 card : カード cel
前提 Railsのプロジェクトで使う想定。フロントの技術力はまばらなので規約をある程度決めてしまってあとは個々人がCSS力をつければいいという状況にしたい (Railsで使うので)SCSS or Sassを採用。 俺はこう思わない、とかここもルール化するといいよ!というのがあったら気軽にコメントください。 【初心者向け】CSSを綺麗に書くために決めている基本ルールも参考に。 結論をざっくりいうと BEM SMACSS HTML/CSSであるあるの命名 あとは見やすく、綺麗に書けるような細かいtips 上のようなことが書いてあります。 余談 普段使っているmixinも別のQiitaで共有してこれも規約の1つにしたいと考えています。書いたらリンク追加します。 参考 メンテナブルCSS(サイバーエージェント) Google HTML/CSS Style Guide それでは以下から。 見出し以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く