Code Archive Skip to content Google About Google Privacy Terms
タグ
- すべて
- *blog (242)
- *book (778)
- *business (826)
- *economics (129)
- *finance (501)
- *food (481)
- *goods (827)
- *health (463)
- *idea (74)
- *legal (154)
- *life (510)
- *market (32)
- *movie (309)
- *music (215)
- *photo (39)
- *politics (122)
- *sales (8)
- *skate (29)
- *social (391)
- *statistics (138)
- *tips (744)
- *tool (942)
- *trade (161)
- *webservice (408)
- *words (92)
- *writing (121)
- *あとでもう一回読む (246)
- *あとで買う (7)
- *まとめ (928)
- *地震 (53)
- *学び (767)
- *気になるお店 (445)
- *財政危機 (6)
- *資料 (476)
- .NET (78)
- 2ch (6)
- API (124)
- APIGateway (6)
- ATOK (11)
- AWS (51)
- AZIK (4)
- Access (79)
- ActionScript (4)
- AdSense (22)
- Adobe (16)
- Alexa (6)
- Alloy (6)
- Amazon (77)
- AmazonEC2 (4)
- AmazonS3 (33)
- Amplify (5)
- Android (37)
- Ansible (15)
- Apache (21)
- Apple (11)
- AppleScript (35)
- ArchLinux (6)
- Atom (9)
- Automator (13)
- Azure (8)
- BASP21 (12)
- BDD (5)
- BI (4)
- BOOK-SMART (5)
- BeautifulSoup (4)
- Becky (11)
- BigQuery (4)
- Bitbucket (5)
- Blogger (14)
- Blogofile (4)
- BootCamp (5)
- Bottle (4)
- C (10)
- C# (266)
- C++ (11)
- CGI (14)
- CMS (9)
- CNET (4)
- CPAN (18)
- CPM (4)
- CSS (69)
- CakePHP (12)
- Casper.JS (8)
- ChatGPT (14)
- ChatWork (7)
- Chrome (69)
- ChromeOS (18)
- Clojure (10)
- Closure (4)
- CloudFront (11)
- CloudSpeechAPI (6)
- CloudStorage (4)
- Coda (4)
- CommonLisp (7)
- Coq (6)
- CotEditor (4)
- CraftLaunch (10)
- Crowi (4)
- Cygwin (9)
- D3.js (5)
- DB (195)
- DOS (23)
- Debian (66)
- DigitalOcean (4)
- Django (28)
- Docker (24)
- DokuWiki (6)
- Dropbox (42)
- EC (7)
- Eclipse (5)
- Elasticsearch (15)
- Electron (25)
- Elm (25)
- Emacs (676)
- English (150)
- Evernote (20)
- Excel (279)
- Express (6)
- Eye-Fi (6)
- F# (262)
- FIX (22)
- FPGA (9)
- Facebook (41)
- Fastladder (11)
- Firefox (136)
- FizzBuzz (5)
- Flash (13)
- Flask (39)
- FlatBuffers (5)
- Flickr (11)
- FriendFeed (4)
- GALAXY (18)
- GCP (5)
- GIGAZINE (25)
- GNU (5)
- GPU (4)
- GTD (40)
- GameTheory (10)
- Gauche (5)
- Git (122)
- GitHub (41)
- Glacier (14)
- Gmail (41)
- GnuCash (21)
- Go (477)
- GoingMyWay (30)
- GoodReader (4)
- Google (60)
- GoogleAnalytics (39)
- GoogleAppEngine (16)
- GoogleApps (5)
- GoogleAppsScript (112)
- GoogleCL (8)
- GoogleCalender (44)
- GoogleChart (4)
- GoogleChrome (4)
- GoogleDocs (19)
- GoogleIM (7)
- GoogleMaps (6)
- GoogleReader (6)
- GoogleSite (5)
- GoogleSpreadsheet (16)
- GoogleWave (10)
- Grafana (5)
- Graphviz (5)
- Greasemonkey (76)
- Gyazo (10)
- HFT (19)
- HHKB (6)
- HTTP (5)
- Handlebars.js (4)
- Hashids (4)
- Haskell (91)
- Hatena (34)
- HatenaBookmark (19)
- Heroku (53)
- Highcharts.js (4)
- Hugo (37)
- IAM (4)
- IDE (10)
- IIJ (5)
- IRC (7)
- InfluxDB (21)
- Inkscape (15)
- IntelliJIDEA (11)
- JSON (52)
- Java (38)
- JavaScript (361)
- JetBrains (26)
- Jinja2 (5)
- Julia (6)
- Jupyter (5)
- KanshinKukan (4)
- Karabinar (9)
- KeePass (11)
- KeySnail (7)
- Keynote (13)
- Kibana (12)
- Kindle (16)
- Knoppix (6)
- LINQ (10)
- Lambda (31)
- LevelDB (7)
- Linux (98)
- Lisp (12)
- Lokka (5)
- Lua (4)
- M5Stack (4)
- MQL (10)
- MT4 (16)
- Mac (569)
- MacPorts (31)
- Markdown (58)
- Mavericks (6)
- MediaWiki (19)
- Mercurial (9)
- MessagePack (4)
- MetaTrader (7)
- Metabase (4)
- MobileOrg (6)
- MoinMoin (4)
- Moleskine (10)
- Monaca (4)
- MongoDB (46)
- MovableType (97)
- Mozilla (8)
- MySQL (40)
- N3A (4)
- NAS (5)
- Netafull (14)
- Netlify (5)
- Nexus5X (5)
- Nexus7 (12)
- Nikola (6)
- Node.js (77)
- NumPy (5)
- OAuth (19)
- OCaml (234)
- ODBC (12)
- ORM (6)
- Objective-C (7)
- Obsidian (12)
- Office (18)
- OpenOffice.org (4)
- OpenSSL (7)
- PDF (22)
- PEAR (12)
- PHP (176)
- PX (5)
- Pandoc (10)
- PayPal (6)
- Pelican (13)
- Perl (94)
- Plagger (42)
- PlannedHappenstanceTheory (8)
- PlantUML (12)
- Polars (6)
- PostgreSQL (71)
- PowerPoint (15)
- PowerShell (109)
- ProtocolBuffers (4)
- PukiWiki (4)
- PyCharm (26)
- Python (1087)
- Quants (5)
- QuickFix (6)
- Quicksilver (25)
- R (33)
- Rails (6)
- Rake (5)
- RaspberryPi (18)
- React.js (7)
- Reason (6)
- Redash (7)
- Redmine (15)
- RememberTheMilk (36)
- Ruby (110)
- Rust (48)
- S3 (13)
- S3Sync (10)
- SDP (13)
- SMTP (8)
- SQL (46)
- SQLAlchemy (7)
- SQLite (79)
- SVG (6)
- Scala (23)
- ScanSnap (27)
- Scheme (8)
- Scrapbox (9)
- Selenium (20)
- SendGrid (17)
- ServerMan (10)
- Shing02 (10)
- Simplenote (6)
- Singapore (6)
- Skype (20)
- Slack (79)
- Slate (10)
- Socket.IO (6)
- Softonic (6)
- Sphinx (41)
- Stripe (4)
- SublimeText (4)
- Sylpheed (8)
- Synology (4)
- TCP (9)
- TDD (4)
- THA BLUE HERB (16)
- THABLUEHERB (18)
- TOEIC (7)
- TextExpander (7)
- ThinkPad (44)
- Thunderbird (30)
- TiddlyWiki (22)
- TimescaleDB (5)
- Todoist (23)
- Toodledo (33)
- Trac (26)
- Trello (28)
- Twilio (19)
- Twitter (162)
- TypeScript (67)
- Typetalk (5)
- UNIQLO (7)
- UWSC (4)
- Ubuntu (41)
- Unix (25)
- Ustream (6)
- Utada (10)
- VBA (84)
- VBScript (17)
- VMware (57)
- VPN (11)
- VPS (35)
- Vagrant (17)
- Vietnam (4)
- Vim (16)
- VirtualBox (15)
- VisualStudio (11)
- VisualStudioCode (49)
- Vue.js (14)
- WSH (12)
- WebSocket (6)
- Webpack (6)
- WiMAX (5)
- Wiki (36)
- Windows (606)
- Windows10 (28)
- Windows2000 (6)
- Windows7 (22)
- Wireshark (6)
- Word (26)
- WordPress (162)
- XKeymacs (6)
- XML-RPC (19)
- YAML (5)
- YahooPipes (22)
- YouTrack (6)
- YouTube (29)
- Zen-Coding (7)
- accounting (14)
- advertise (14)
- affiliate (51)
- ajax (11)
- algorithm (37)
- anything (7)
- arbitrage (5)
- art (27)
- asyncio (9)
- audio (7)
- awk (6)
- bash (34)
- batch (35)
- blockchain (5)
- blosxom (13)
- bookmarklet (31)
- brand (7)
- browser (5)
- cmd.exe (6)
- coffee (12)
- communication (104)
- copyright (10)
- cron (19)
- csv (35)
- dance (20)
- data (48)
- defaults (15)
- design (107)
- ecto (9)
- editor (22)
- elisp (9)
- enchantMOON (33)
- event (13)
- exam (5)
- feedparser (5)
- fenrir (21)
- ffmpeg (8)
- fish (17)
- fluentd (5)
- fon (5)
- font (41)
- forex (20)
- friends (10)
- functional (39)
- gRPC (11)
- golang (10)
- habit (28)
- habu (6)
- hack (14)
- hardware (34)
- hiphop (19)
- howto (262)
- html (28)
- html5 (17)
- hubot (18)
- iMovie (10)
- iPad (25)
- iPhone (183)
- iPodTouch (7)
- iTunes (14)
- interview (109)
- investment (14)
- iptables (9)
- jQuery (39)
- keyboard (63)
- keyhac (6)
- kintone (6)
- leverage_memo (9)
- life (5)
- lifehack (73)
- lifestyle (5)
- livedoorReader (17)
- machine-learning (28)
- marketing (249)
- mathematics (127)
- matplotlib (6)
- media (38)
- migemo (6)
- mindmap (7)
- mintty (8)
- mobile (9)
- network (84)
- nkf (5)
- option (31)
- org-mode (103)
- pandas (33)
- parser (17)
- pc (25)
- peco (16)
- pip (5)
- podcast (17)
- presentation (5)
- programming (668)
- reST (9)
- recipe (81)
- regexp (23)
- rss (31)
- scraping (27)
- screen (17)
- security (174)
- seo (37)
- server (86)
- service (31)
- shell (115)
- shellscript (10)
- sleep (5)
- software (70)
- ssh (34)
- ssl (5)
- streaming (6)
- stunnel (7)
- tax (89)
- terminal (7)
- test (27)
- textlint (9)
- time_series_analysis (15)
- tmux (21)
- travel (68)
- tumblr (5)
- usability (7)
- vi (5)
- visualization (9)
- web2.0 (10)
- webdesign (6)
- wget (5)
- wi-fi (15)
- work (124)
- xUnit (5)
- yasnippet (6)
- zsh (21)
- あとで読む (1194)
- いろいろ (5)
- これはすごい (100)
- さくら (41)
- レアジョブ (29)
- 仮想化 (5)
- 作業環境 (10)
- 地方 (7)
- 学習法 (6)
- 宇多田ヒカル (11)
- 年金 (14)
- 正規表現 (55)
- 高知 (93)
- あとで読む (1194)
- Python (1087)
- *tool (942)
- *まとめ (928)
- *goods (827)
- *business (826)
- *book (778)
- *学び (767)
- *tips (744)
- Emacs (676)
Zen-Codingに関するryskosnのブックマーク (7)
-
ryskosn 2012/11/09
- Zen-Coding
- Emacs
リンク -
zencoding-mode.el は既に、yasnippet との協調を実装している - すばらしい新世界
スニペット補完後のカーソルの位置が、あまり使いやすくない。 zencoding-mode.el を眺めていて気づいたんだけど、zencoding-mode はすでにyasnippetとの協調を実装していて、これによって上の要望を解決している模様 (zencoding-mode:version 0.5(2009-11-20)版)。 zencoding-expand-yas という関数が、それ。 比較例 次の文字列を入力して、展開する。 div>p*2 zencoding-expand-line (yasnippetと協調しない) の場合 次のように展開される。[] は、展開直後のポイントの位置。まぁこれは確かにポイントをp要素に移動させるのが面倒くさい。 <div> <p> </p> <p> </p> </div>[] zencoding-expand-yas (yasnippet協調) の
-
-
Bridge Word
This shop will be powered by Are you the store owner? Log in here
-
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
-
簡単な入力するだけでHTMLタグを生成してくれるZenCoding | Happy My Life
EmacsWiki: Zen Codingより。 ZenCoding-modeというHTMLを簡単に入力できるモードがある。 これを活用する事で、Emacs上でタグを簡単な記法で書いた後、C-とする事でHTMLに展開する事が可能になる。 このメリットとして、文字入力が少なくなる上に、タグの閉じ忘れもなくなるので早くて正確にHTMLが生成できる。 このHTML化できるというのが重要。Hamlのような独自記法だと、プログラマーに取っては楽に記述、編集ができるという便利なフォーマットなのだが、デザイナーにとっては、使いなれたデザインソフトが使えないという、非常に不便なフォーマット、という事になる。 しかし、ZenCodingだと最終的にはHTMLに変換されるので、プログラマは簡単に記述できる。デザイナーはあとで楽に編集できるという、何方にもメリットとなる。 サンプル どのような入力で、どのように
-
WordPressでzen-codingを使えるようになるプラグイン・WP Zen-Codingが凄く便利 - かちびと.net
話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 確かにコーディングスピードが速く なりそうですよ。 zen-codingって何？と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。 zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば div#header>div#contents>ul.navigation>li*4>a と打ち、ctr+E（winの場合）で以下のHTMLコードを展開してくれます。 <div id="header"> <div id="contents"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""><
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx