マークアップのわかり方
この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。 現代における「マークアップ」とはどのような行為なのか。いかにそれと向き合っていけばいいのか。そういったことについて考えてみます。 マークアップの議論においては、「マークアップには正解がない」という意見が決まって出ます。正解がないと言うならば、たいていなんであってもそうです。たとえばCSSやJavaScriptの書き方には「正解」があるのかと考えてみると、必ずしもそうではありません。 しかし、ことさらマークアップにおいてこれがよく言われる理由としては、妥当性を判断する基準がわからない、ということでしょう。 というのも、CSSなら望む通りの見た目になればとりあえずOKだし、JavaScriptでも意図した通りの振
【分野別】VSCodeのおすすめ拡張機能まとめ - Qiita
はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La
AngularJSで改行を含むテキストを超簡単にng-bindする - エンジニアをリングする
AngularJSのデータバインディング便利ですが、ng-bindで複数行のテキストを表示しようとすると途端に面倒になるんですよね。。 そのままじゃHTML上では改行されないので<br>に変換する必要があって、それはfilterとかで簡単にできるのですが、それをタグとして認識させるには$sce.trustAsHtmlしないといけなくて。。 でもユーザー入力の文字列をHTMLとして画面に表示することを許可してしまうのは危険すぎる。。 br以外のタグはエスケープするにしても、たかが改行表示するだけでそこまでするのはやーーだーー。。 とまあそんな感じだったんですが、この間すごいことに気付いてしまいました。 アッ・・・ CSSだけでできた・・・・・ ちなみに、white-space: pre; でも改行は反映されますが、右端に達したときの自動の折り返しはないので行が長い場合にテキストがはみ出てしま
株式会社フォーエス | Fores Inc.
OUR VISION WE ALWAYS THINK SERIOUSLY ABOUT WHAT'S FUN & NEW 真面目にアタラシさとオモシロさにこだわり続けます。 受託開発 業務システムからスマートフォンアプリケーションまで、受託開発を行っています。企画段階の検証から開発の一部分まで、幅広く柔軟に対応することが出来ます。規模の大小を問わず、お客様の立場に立った「ベスト」な提案をいたします。 READ MORE
はてブを通して記事をEvernoteに取り込むたった一つの方法 | nanapi[ナナピ]
はてブを通して記事をEvernoteに取り込むたった一つの方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに Evernoteにはユーザ専用のメールアドレスが与えられ、そこに送信した本文がそのままEvernoteに取り込まれます。これを利用して、気に入った記事をひょいひょいとEvernoteに保存する方法を紹介します。 設定ポイント Evernoteに取り込むためのはてブの専用タグを決める 例えば「star」とか「fav」とか、それが特別なものであることが分かるようなものであれば何でもよいでしょう。 はてブの専用タグのRSSをまるごとRSSで全文化する はてブのRSSは概要しか書かれていないので、これを全文化したRSSを取得するようにします。これにはまるごとRSSを利用します。 例えば僕の「mobile」タグの全文化RSS
Evernoteに記憶を自動保存する方法 - RyoAnna
Evernote使えてますか？ ものぐさな私はEvernoteをあまり使っていません。記事や写真をマメにクリップしたり、タグで細かく管理するのが面倒なのです。何となく便利そうだけど使い方が分からないEvernote。同じような思いを持っている方は多いのではないでしょうか。 ただ、Evernoteには全文検索という魅力的な機能があります。全文検索とはEvernoteに保存したクリップのタイトルだけではなく、内容まで検索できる機能です。しかもEvernoteは過去の全てのクリップに対して検索をかける事が可能です。Googleで検索する際に「Twitter iPhone」というキーワードを入力すると、「iPhone」と「Twitter」の両方が含まれた記事がヒットしますよね。このand検索がEvernoteでも利用できます。これがEvernoteの最大の魅力だと思います。更にタグなどで細かく管理
こいつは便利！好きなサイズのダミー画像が動的に作れる『Dummy Image』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
PHP製のQ&Aシステム·Qwench MOONGIFT
QwenchはPHP+MySQLによるフリーウェア（ソースコードは公開されている）。社内またはコミュニティにおいてナレッジを共有、蓄積するのにQ&Aという仕組みはとても有益だそうだ。確かにFAQに比べると質問が本当に必要なものに限定されるので、役立つのは間違いないだろう。 PHP製のStackOverflow.comクローン そんなQ&Aサービスとして有名なのがStackOverflow.comだ。そしてQwenchはそんなStackOverflow.comを模して作られたクローンソフトウェアだ。システムはPHP+MySQLであり、カスタマイズも容易にできそうだ。 質問の投稿はもとよりコメントの投稿や投票、タグによるフィルタリング、ユーザ一覧といった機能がある。本家にあるようなバッジ機能はない。質問をナレッジベースにすると通常のコメントとは別で質問を補足できるコメントが可能になる。 コメン
git の勉強その8 (タグをつけよう)-Granzchesta's ぷち日常天国
プログラムを作っていると、ここらへんでバージョン 0.1 として取っておきたいなぁ、ってときが出てきます。そういうものです。 git の場合は、タグを作るのも簡単です。 $ git tag version-0.1 これだけで、現在のバージョンは version-0.1 として登録されました。 後でいろいろと作業するのもありです。 また、タグも複数付けられます。何回か commit した後で $ git tag version-0.2 としておくこともできます。 version-0.1 と version-0.2 の違いは、 $ git diff version-0.1..version-0.2 とするとわかります。 また、現状と比較するのであれば、 $ git diff version-0.1..HEAD でできます。 ちなみに、version-0.1 の状態か
JavaScriptでマインドマッピング·js-mindmap MOONGIFT
js-mindmapはJavaScript製のオープンソース・ソフトウェア。情報を整理したり、新しいアイディアを見いだす際にマインドマッピングを使う人は多い。個人はもちろん、複数人で同じマップを目の前にして色々話し合いながら書き加えていくのも面白い。 コラボレーションを考えるならWebブラウザベースで実行できるのは大事なことになる。それをライブラリで実現してくれるのがjs-mindmapだ。js-mindmapはJavaScriptを使ってマインドマッピングを描き出してくれるライブラリだ。 描画後に揺れながら表示されるタイプになっており、最初の表示は中央に集まっていた全てのノードが一気に広がっていく。子ノードほど遠くに広がっていく。ノードはマウスでドラッグでき、他のノードも連動して動くようになっている。リンクは付けられるがjs-mindmap上でノードの追加や削除、編集はできない。 編集機
naoyaのはてなダイアリー - HTML::TagCloud
del.icio.us / miyagawa 経由で見つけた CPAN モジュール HTML::TagCloud。Tag Cloud (はてなブックマークの右側に出てくるタグ一覧みたいなやつ) を生成する CPAN モジュールです。 出力はどんな感じかなと思って使ってみました。 #!/usr/local/bin/perl use strict; use HTML::TagCloud; my $tags = [ { tag => 'blog', count => 20}, { tag => 'ajax', count => 10}, { tag => 'mysql', count => 5}, { tag => 'hatena', count => 12}, { tag => 'bookmark', count => 30}, { tag => 'rss', count => 1}, { t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kuborn's blog: Redmine Wikiで本当に使えるTextile記法を全て試してみた
RedmineのWiki上でHTMLタグを使えるようにする
IDEA * IDEA
[git] ブランチ、タグをサーバにpush、タグのcheckout - satoko's blog - s21g