slideshow.htmlはHTML5製のプレゼンテーションソフトウェアです。 最近ではHTMLベースのプレゼンテーションソフトウェアが増えてきました。HTMLのみで一から作るのも良いですが、今回はslideshow.htmlを紹介します。Rubyのサーバアプリケーションを使ってファイルを更新する度に自動でスライドショーを作成します。 最初の画面です。 矢印キー、スペースキー、マウスなどでスライドを切り替えます。 表示は順番に行われます。順を追って説明したりするのに便利そうです。 文字は大きめで分かりやすいです。 書き方。sectionで区切ります。スタイルはscopedをつけてスライドごとに適用します。 スワイプ操作も対応しているとのことで、iPadを使ったプレゼンにも向いていそうです。 フルスクリーン表示対応です。 デモ動画です。 slideshow.htmlはマスターに加えて各スラ
タグ
- すべて
- 3d (12)
- 4sq (8)
- @it (47)
- Dojo (11)
- GetText (19)
- HyperEstraier (10)
- Movable Type (23)
- NRI (8)
- Prototype (55)
- R25 (51)
- RubyOnRails (7)
- abtest (15)
- accessibility (26)
- actionscript (18)
- activerecord (19)
- activesupport (10)
- ad (1655)
- addon (7)
- admob (10)
- adobe (64)
- adsense (18)
- adtech (21)
- adwords (20)
- affiliate (12)
- ai (61)
- air (58)
- airbnb (9)
- ajax (111)
- algorithm (150)
- amazon (209)
- analytics (411)
- android (928)
- angularjs (8)
- animation (41)
- apache (95)
- api (652)
- apple (179)
- apps (1133)
- architecture (116)
- aso (7)
- atok (16)
- auction (10)
- audience (16)
- audio (9)
- auth (98)
- aws (159)
- babel (45)
- backup (8)
- bash (10)
- biz.id (23)
- blog (323)
- bluetooth (16)
- book (241)
- bookmark (68)
- bookmarklet (34)
- bootstrap (58)
- bot (73)
- brand (8)
- brew (13)
- brighttag (8)
- browserify (8)
- business (2381)
- c++ (38)
- ca (44)
- cache (72)
- cafe (12)
- calendar (34)
- camera (66)
- canvas (17)
- capybara (22)
- career (22)
- ccc (14)
- centos (83)
- cgm (11)
- chat (9)
- child (52)
- china (16)
- chrome (254)
- ci (49)
- cloud (16)
- cm (28)
- cms (24)
- code (17)
- coderepos (8)
- coiney (12)
- color (111)
- communication (397)
- compass (7)
- conference (36)
- cookie (19)
- covid19 (11)
- crawl (14)
- criteo (25)
- crm (7)
- cron (12)
- crowdsourcing (9)
- css (757)
- cybozu (11)
- dac (14)
- data (17)
- database (246)
- debug (61)
- deeplink (12)
- del.icio.us (20)
- demo (21)
- dena (27)
- dentsu (54)
- design (1267)
- desktop (9)
- development (3993)
- devise (10)
- devsumi2007 (7)
- dfp (9)
- dictionary (18)
- diff (9)
- dmp (179)
- dns (16)
- docker (39)
- docomo (151)
- documents (89)
- dropbox (29)
- druby (13)
- dsp (235)
- earthquake (18)
- ebook (10)
- ec (268)
- ec2 (50)
- eclipse (24)
- economy (14)
- editor (266)
- education (146)
- efo (7)
- elasticsearch (8)
- electron (116)
- elisp (45)
- emacs (193)
- english (89)
- error (11)
- es2015 (94)
- eslint (48)
- event (72)
- evernote (30)
- excel (93)
- express (10)
- ext (21)
- extension (276)
- facebook (513)
- favicon (7)
- file (32)
- finance (232)
- firebase (17)
- firebug (32)
- firefox (196)
- flash (155)
- flex (12)
- flickr (32)
- font (139)
- food (26)
- framework (55)
- freakout (24)
- free (9)
- fulltext (17)
- gadget (264)
- gae (11)
- game (455)
- gamification (11)
- gem (44)
- geo (37)
- geocoding (25)
- gif (8)
- gigazinize (23)
- gis (140)
- git (180)
- github (248)
- gmail (73)
- goo (19)
- google (1126)
- google+ (10)
- gourmet (71)
- gov (71)
- gps (60)
- graph (88)
- greasemonkey (299)
- gree (35)
- gtd (11)
- guideline (56)
- gulp (24)
- gunosy (46)
- hadoop (63)
- haml (18)
- hatena (185)
- hbto (56)
- health (18)
- helper (9)
- heroku (154)
- history (12)
- hobby (13)
- hosting (15)
- howto (33)
- html (169)
- html5 (169)
- https (11)
- hulu (18)
- icon (122)
- idcf (7)
- idea (27)
- ie (55)
- ifttt (17)
- image (457)
- ingress (38)
- instagram (15)
- install (64)
- installed (121)
- interactive (9)
- interview (415)
- introduction (1804)
- ios (161)
- iot (68)
- ipad (125)
- iphone (946)
- ipod (9)
- ir (21)
- itpro (7)
- itunes (25)
- japan (11)
- japanese (190)
- java (83)
- javascript (2056)
- jenkins (8)
- job (81)
- jquery (683)
- json (64)
- kaimono (32)
- kaizen (8)
- kddi (35)
- keyboard (24)
- kindle (29)
- lab (7)
- lambda (36)
- language (22)
- latex (30)
- layar (7)
- ldr (25)
- legal (17)
- less (12)
- letsencrypt (11)
- library (581)
- life (562)
- lifehacks (374)
- lightbox (14)
- line (151)
- links (263)
- linux (226)
- list (23)
- livedoor (10)
- llm (16)
- local (15)
- location (50)
- log (28)
- logistics (9)
- logo (25)
- lp (11)
- lpo (25)
- ludia (23)
- ma (8)
- mac (294)
- magazine (22)
- mail (110)
- management (493)
- manual (7)
- map (176)
- markdown (95)
- marketing (2720)
- mashup (52)
- material (52)
- math (37)
- mathematics (16)
- measurement (36)
- mecab (22)
- media (264)
- memcached (12)
- messenger (28)
- microad (15)
- microsoft (141)
- mind (95)
- minecraft (18)
- mining (27)
- mixi (89)
- mobile (835)
- mocha (7)
- mod (31)
- mongodb (97)
- movie (235)
- mt (16)
- music (121)
- mvc (7)
- mysql (58)
- nanapi (34)
- native (51)
- naver (7)
- neta (100)
- netflix (22)
- network (9)
- news (1331)
- next.js (215)
- nginx (28)
- nicos (16)
- nicovideo (341)
- nlp (99)
- node.js (439)
- npm (73)
- ntt (27)
- o2o (13)
- oauth (31)
- objective-c (21)
- office (144)
- ogp (22)
- opencv (9)
- opengraph (9)
- openid (15)
- openpne (7)
- opensocial (31)
- opera (15)
- operation (54)
- opt (8)
- outlook (12)
- paas (19)
- paperclip (7)
- parse (16)
- passenger (19)
- patent (22)
- payment (143)
- paypal (13)
- pdf (112)
- performance (334)
- perl (68)
- phonegap (7)
- photo (237)
- photoshop (70)
- php (88)
- pipes (12)
- plagger (19)
- platform (12)
- plugin (675)
- point (12)
- postgresql (77)
- powerpoint (36)
- pr (20)
- presentation (742)
- print (11)
- prisma (14)
- privacy (31)
- profile (11)
- programming (203)
- promotion (9)
- proxy (10)
- puma (11)
- push (17)
- pwa (36)
- python (33)
- qiita (45)
- qr (21)
- queue (11)
- r (13)
- rails (1390)
- rake (8)
- rakuten (48)
- rbenv (7)
- react (547)
- realestate (46)
- recommend (22)
- recruit (443)
- redux (149)
- reference (731)
- regexp (14)
- research (672)
- rest (12)
- review (127)
- rmagick (16)
- rspec (49)
- rss (41)
- rtb (88)
- ruby (755)
- ruby on rails (15)
- rubymotion (14)
- rvm (11)
- safari (30)
- salesforce (7)
- sample (17)
- sass (29)
- sbm (28)
- sbo (17)
- science (17)
- screen (24)
- script (14)
- script.aculo.us (11)
- scss (18)
- sdk (9)
- search (639)
- secondlife (19)
- security (216)
- sem (36)
- semantic (13)
- senna (7)
- seo (195)
- serverless (12)
- serviceworker (38)
- shell (46)
- sinatra (40)
- sketch (17)
- skype (21)
- skyrim (31)
- slack (11)
- sns (73)
- social (175)
- softbank (68)
- sony (22)
- sound (17)
- spam (7)
- sports (22)
- ssh (26)
- ssl (46)
- ssp (129)
- statistics (222)
- steam (16)
- storage (79)
- storyboard (9)
- storybook (8)
- strategy (31)
- study (32)
- sublimetext (12)
- subversion (39)
- summary (274)
- svod (21)
- swift (17)
- tag (54)
- targeting (7)
- tasks (10)
- tech (7)
- technology (86)
- template (24)
- terms (10)
- test (222)
- tex (13)
- text (19)
- theme (8)
- thesis (147)
- thinkpad (12)
- three.js (17)
- thunderbird (9)
- timeline (7)
- tips (1236)
- tool (790)
- tools (155)
- translation (17)
- travel (68)
- travis (10)
- troubleshooting (69)
- tumblr (12)
- tutorial (1335)
- tv (104)
- twitter (482)
- typescript (142)
- typo (31)
- uber (10)
- ubuntu (16)
- ui (765)
- uml (8)
- upload (7)
- usability (201)
- usb (14)
- userscript (12)
- ustream.tv (8)
- ux (94)
- validation (22)
- vc (16)
- vcard (8)
- vercel (19)
- vi (11)
- video (217)
- view (13)
- visualization (178)
- vmware (12)
- voice (16)
- vps (97)
- vscode (41)
- watir (7)
- web (1094)
- web2.0 (61)
- webpack (94)
- webservice (1282)
- wedding (8)
- wifi (45)
- wiki (34)
- wikipedia (52)
- windows (340)
- wish list (93)
- wordpress (148)
- work (18)
- writing (54)
- wysiwyg (8)
- xml (27)
- xpath (15)
- yahoo (975)
- yarn (14)
- youtube (96)
- yum (8)
- zsh (42)
- これはすごい (8)
- まとめ (7)
- 検索 (9)
- 資料 (28)
- development (3993)
- marketing (2720)
- business (2381)
- javascript (2056)
- introduction (1804)
- ad (1655)
- rails (1390)
- tutorial (1335)
- news (1331)
- webservice (1282)
2012年6月18日のブックマーク (3件)
-
uchiuchiyama 2012/06/18
- introduction
- ruby
- presentation
リンク -
-
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
-
- 2012年6月19日
- 2012年6月18日
- 2012年6月16日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx