Home Articles Books Search About
日本語
How to Embed Mirador 3 in a Specific Area of a Page

How to Embed Mirador 3 in a Specific Area of a Page

In a previous article, we introduced how to embed Mirador in a specific area of a page using Nuxt.js. nakamura196.hatenablog.com This time, we introduce how to embed Mirador without using frameworks like Vue.js. Specifically, please check the source code of the following page. https://nakamura196.github.io/nuxt-mirador/embedded2 The above is a simple HTML file. When embedding Mirador on a page, you specify the ID of the element where Mirador will be displayed (e.g., mirador). By applying the following CSS, you can embed it within a portion of the page. ...

Created a Repository Demonstrating How to Use Mirador 3 with Nuxt.js

Created a Repository Demonstrating How to Use Mirador 3 with Nuxt.js

Overview In the following article, I introduced how to use Mirador 3 with Vue. nakamura196.hatenablog.com Following up on that, I created a GitHub repository demonstrating how to use Mirador 3 with Nuxt.js. github.com In the above repository, I have prepared examples of displaying Mirador full-page as well as embedding it in a specific area within a page. https://nakamura196.github.io/nuxt-mirador/embedded This article provides an explanation of the above page and introduces some aspects of how to use Mirador. ...

[App Introduction] Introducing IIIF pocket

[App Introduction] Introducing IIIF pocket

This article introduces “IIIF Pocket,” an application developed as part of the Cultural Japan project. pocket.cultural.jp The documentation for this application is available in the following Google Document: docs.google.com We hope this is helpful for managing and utilizing IIIF resources.

[Omeka S Module Introduction] IIIF Server / Image Server / Universal Viewer

[Omeka S Module Introduction] IIIF Server / Image Server / Universal Viewer

The following video explains the IIIF-related Omeka S modules “IIIF Server,” “Image Server,” and “Universal Viewer,” along with their installation procedures. youtu.be We hope this serves as a useful reference for IIIF delivery with Omeka S.

Introduction to the IIIF Collection of IIIF Manifests Aggregated by Cultural Japan

Introduction to the IIIF Collection of IIIF Manifests Aggregated by Cultural Japan

You can view the IIIF Collection that aggregates the IIIF manifests gathered by Cultural Japan at the following link: https://www.kanzaki.com/works/2016/pub/image-annotator?u=https://app.cultural.jp/iiif-collection/collection.json Please check the terms of use for each source database when using the individual IIIF manifests. This collection includes IIIF manifests dynamically generated by Cultural Japan. In the collection list above, these can be identified by the label “Dynamically Generated.” The dynamic generation uses AWS Lambda, querying the Japan Search RDF Store and the Cultural Japan RDF Store for each request to generate JSON data. The condition for creating these dynamically generated IIIF manifests is that the items must have high-resolution images (jps:accessInfo/schema:associatedMedia). ...

Created a Repository Demonstrating How to Use Mirador 3 with Vue

Created a Repository Demonstrating How to Use Mirador 3 with Vue

We created a repository demonstrating how to use Mirador 3 with Vue. We hope it serves as a useful reference for application development with Vue. github.com This repository was created with reference to the following: github.com As a simpler alternative, you can also use the UMD (Universal Module Definition) build. If you simply want to use Mirador 3, we recommend the following approach: github.com The site above states (as demonstrated in the repository introduced here): ...

[Feature Development] Adding a Setting to Disable Image API in the Omeka S IIIF Server Module

[Feature Development] Adding a Setting to Disable Image API in the Omeka S IIIF Server Module

Overview I developed a new feature for the Omeka S IIIF Server module that adds a setting to disable the Image API. This makes it easier to deliver IIIF manifests and other content in environments with limited resources, such as shared hosting servers. I hope this feature contributes to improving the sustainability and usability of digital archive systems. Background The Omeka S IIIF Server module generates IIIF manifest files from metadata registered in Omeka S. It is primarily developed by Daniel-KM, who has developed various Omeka modules. ...

IIIF Implementation of "Oki-ezu" (Raised Picture Maps)

IIIF Implementation of "Oki-ezu" (Raised Picture Maps)

Overview I implemented a IIIF representation of “Okoshi-ezu” (raised picture maps). The target materials are the Okoshi-ezu contained in the “Dai Nihon Kaishi Compilation Materials” held at the University of Tokyo Komaba Library. https://utda.github.io/kaishi/ Please watch the following video for an overview. “Okoshi-ezu” IIIF Implementation The Application The following is the Tokyo National Museum’s description of “Okoshi-ezu”: “Okoshi-ezu” are foldable simplified models that reproduce the three-dimensional structure of buildings by pasting wall and ceiling diagrams onto a flat plan drawing. They were particularly used as a drawing technique suited for reproducing tea rooms, which have complex three-dimensional structures within small spaces. (From the Tokyo National Museum - Japanese Art (Honkan) Japanese Natural History Series: Okoshi-ezu) ...

IIIF Application Using Transmitted Light Images

IIIF Application Using Transmitted Light Images

Overview I created a “IIIF Application Using Transmitted Light Images.” It focuses on the “Shelley Correspondence” held at the University of Tokyo General Library. utda.github.io The Application This application uses IIIF’s “Choice of Alternative Resources” to provide an environment for comparing original images with transmitted light images. Four comparison methods are provided, using “IMAGE COMPARISON WITH A SLIDER,” “MIRADOR,” “IIIF CURATION VIEWER,” and “IMAGE ANNOTATOR.” IMAGE COMPARISON WITH A SLIDER This uses the image comparison viewer developed by Digirati. You can compare images by moving the slider in the center of the screen. ...